@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9eae6;background:#111313;font-synthesis:none;color-scheme:dark;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{filter:brightness(1.18);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}input,select{color:inherit;background:transparent;border:1px solid #333735;border-radius:5px;min-width:0}input:focus,select:focus{outline:1px solid #cdec79}button:focus-visible,a:focus-visible{outline:2px solid #d4f76b;outline-offset:4px}input[type=range]{width:100%;accent-color:#cdec79;height:3px;cursor:pointer}h2,h3,h4,p{margin:0}p{color:#858c86;line-height:1.7}.studio{display:flex;min-height:100vh}.rail{width:70px;border-right:1px solid #292c29;display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:23px;flex-shrink:0}.brand{font-family:Georgia;font-size:35px;letter-spacing:-8px;color:#d4f76b;text-decoration:none;width:35px}.brand span{font-size:25px}.rail button{width:42px;height:42px;color:#727a73;border-radius:9px}.rail .rail-active{color:#d4f76b;background:#d4f76b12;margin-top:29px}.rail-bottom{margin-top:auto;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:#6f786f}.online,.green-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#cdec79}.workspace{flex:1;min-width:0}header{height:78px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid #292c29;gap:25px}.wordmark{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:3px}.wordmark>span{display:block;font-size:7px;letter-spacing:3.8px;color:#939c94;margin-top:1px}.project-title{display:flex;align-items:center;gap:12px;flex:1}.divider{height:25px;width:1px;background:#303430;margin-right:8px}.project-title input{border:0;width:180px;font-size:12px;background:transparent}.save-state{font-size:10px;color:#889184;display:flex;align-items:center;gap:5px;margin-left:10px}.header-actions{display:flex;align-items:center;gap:21px}.header-actions>button{font-size:11px}.primary{background:#d4f76b;color:#20251a;padding:11px 18px;border-radius:6px;font-weight:700}.primary:hover{color:#20251a}.avatar{border:1px solid #494a3f;background:#2b2d25;border-radius:50%;width:29px;height:29px;font-family:Georgia}.subheader{height:54px;border-bottom:1px solid #292c29;display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:10px;letter-spacing:1.2px}.subheader .green-dot{margin-right:9px}.slash{color:#454b45;margin:0 15px}.muted{color:#778078;font-weight:400}.local-pill{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;color:#848d83}main{display:grid;grid-template-columns:326px minmax(380px,1fr) 240px;min-height:calc(100vh - 168px)}.left-panel{border-right:1px solid #292c29;display:flex;flex-direction:column;max-height:calc(100vh - 168px);min-height:640px}.panel-heading{padding:27px 23px 25px}.panel-heading h2{font-family:Manrope;font-size:19px;letter-spacing:-.6px;font-weight:600}.panel-heading p{font-size:11px;margin-top:7px}.tabs{display:flex;border-bottom:1px solid #292c29;padding:0 22px;gap:22px}.tabs button{font-size:11px;padding:0 0 14px;color:#858c85}.tabs .selected{border-bottom:2px solid #d4f76b;color:#d4f76b}.transcription-tools{padding:20px 20px 8px}.generate{background:#d4f76b0c;border:1px solid #53603c;color:#d4f76b;border-radius:6px;height:39px;width:100%;font-size:11px;font-weight:500}.generate span{font-size:8px;background:#d4f76b15;border-radius:3px;padding:3px;margin-left:auto}.search{display:flex;align-items:center;gap:7px;color:#657065;margin-top:20px}.search input{border:0;flex:1;width:90px;font-size:10px}.search span{font-size:9px;color:#6a726a}.caption-list{overflow:auto;padding:10px 11px;flex:1;min-height:200px}.caption-row{display:flex;padding:17px 10px;margin-bottom:5px;gap:12px;border:1px solid transparent;border-radius:7px;position:relative}.caption-row.active{background:#d4f76b09;border:1px solid #414d30}.cue-index{font-family:monospace;font-size:10px;color:#606b5c;align-self:flex-start;padding:4px 0}.active .cue-index{color:#cdec79}.cue-body{flex:1;min-width:0}.cue-time{padding:0;font-size:9px;letter-spacing:.5px;color:#939c8e;font-family:monospace}.cue-time span{color:#50594d;padding:0 5px}.words{display:flex;flex-wrap:wrap;margin-top:9px;gap:0}.words input{border:0;font-size:12px;padding:3px 2px;color:#cbd0c5;border-radius:2px}.words input:focus{background:#303827}.word-detail{position:absolute;right:8px;top:15px;color:#636d5e;opacity:0}.caption-row:hover .word-detail{opacity:1}.panel-footer{padding:18px;border-top:1px solid #292c29;font-size:9px;color:#a1ac94;display:flex;gap:5px;align-items:center}.panel-footer span{margin-left:auto;color:#626b60;font-size:8px}.editor{min-width:0;display:flex;flex-direction:column;background:#151717}.preview-toolbar{height:56px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.preview-dot{width:5px;height:5px;display:inline-block;background:#86917c;border-radius:50%;margin-right:7px}.preview-toolbar .muted{margin-left:12px}.preview-toolbar button{color:#76816e}.preview-area{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 30px 10px;min-height:320px;background:radial-gradient(ellipse at center,#20241f,#151717 70%)}.video-stage{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;box-shadow:0 20px 50px #0005;background:#090a09}.video-stage:fullscreen{display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:100%;object-fit:contain}.caption-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.demo-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(#7f9b9b,#b4bc9e,#e9d1a3 60%,#687e6f)}.sun{position:absolute;width:11%;aspect-ratio:1;border-radius:50%;background:#f8e5b3;left:67%;top:17%;box-shadow:0 0 65px 12px #f6dbab44}.mountain{position:absolute;width:110%;height:75%;left:-5%;bottom:-15%;clip-path:polygon(0 100%,0 68%,9% 47%,15% 53%,26% 15%,35% 42%,45% 28%,55% 55%,65% 31%,77% 57%,86% 30%,100% 57%,100% 100%);background:linear-gradient(125deg,#576d60,#304e42)}.m1{bottom:0%;opacity:.5;transform:scaleX(-1);background:#657e73}.m2{bottom:-15%;background:linear-gradient(120deg,#738977,#253e36)}.m3{bottom:-39%;left:17%;background:#182e29;transform:scale(1.3)}.scene-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.demo-label{position:absolute;left:5%;top:8%;font-size:6px;letter-spacing:2px;color:#f5f4df}.demo-label span{display:block;font-size:5px;margin-top:4px;letter-spacing:1px;opacity:.7}.scene-label{position:absolute;left:10%;top:29%;font-family:Manrope;font-size:clamp(18px,2.5vw,42px);line-height:1.1;letter-spacing:-1.5px;color:#f3f0d5}.scene-label i{font-family:Georgia;font-size:1.6em;font-weight:400}.sample-tag{position:absolute;bottom:4%;left:5%;font-size:6px;letter-spacing:1px;color:#bdc6ad}.preview-brand{position:absolute;right:5%;top:8%;font-size:8px;letter-spacing:2px;font-weight:700;color:#fff9}.preview-brand span{display:block;font-size:3px;letter-spacing:2px;margin-top:2px}.playback{display:flex;align-items:center;justify-content:space-between;margin:12px 28px 18px;font-size:10px}.time-display{font-family:monospace;color:#d0d6c9;font-size:10px}.time-display span{color:#677161}.playback>div{display:flex;gap:18px;align-items:center}.playback button{color:#9ba690;padding:5px}.playback .play{background:#30372a;color:#d4f76b;width:33px;height:33px;border-radius:50%;padding-left:7px}.playback small{font-size:9px}.timeline{border-top:1px solid #2b3029;min-height:237px;background:#131614}.timeline-tools{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #252b23}.timeline-tools>div{display:flex;align-items:center;gap:12px;color:#788270}.timeline-tools button{padding:3px}.timeline-tools span{font-size:9px}.tool-divider{height:14px;width:1px;background:#353d30;margin:0 3px}.timeline-tools input{width:58px;height:2px}.timeline-scroll{overflow-x:auto;padding:0 20px 13px}.tracks{position:relative;min-width:100%}.ruler{display:flex;justify-content:space-between;height:32px;align-items:center;font-size:8px;color:#717a69;font-family:monospace;cursor:pointer;border-bottom:1px solid #252d22}.playhead{position:absolute;top:24px;bottom:0;width:1px;background:#d4f76b;z-index:3;pointer-events:none}.playhead>span{position:absolute;top:0;left:-4px;width:9px;height:10px;background:#d4f76b;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.caption-track{height:37px;position:relative;margin:9px 0 7px;background:#21271d;border-radius:4px;overflow:hidden}.caption-track>svg{position:absolute;top:10px;left:7px;color:#7c8e69;opacity:.4}.caption-track button{position:absolute;top:5px;height:27px;background:#657d3b;color:#ecf7d7;border:1px solid #8b9d5f;border-radius:3px;white-space:nowrap;overflow:hidden;display:block;text-align:left;font-size:8px;padding:5px}.video-track{height:54px;border:1px solid #3a4730;border-radius:4px;background:linear-gradient(90deg,#334638,#465e41,#293e31);display:flex;align-items:flex-start;position:relative;overflow:hidden;cursor:pointer;padding:7px 10px;gap:8px;color:#c1cdb8}.video-track>span{font-size:9px}.waveform{position:absolute;bottom:3px;left:0;right:0;display:flex;align-items:center;justify-content:space-around;gap:2px;opacity:.45;height:30px}.waveform i{width:2px;background:#a8c296}.add-media{font-size:9px;margin:0 22px 14px;color:#bbc8af;justify-content:flex-start;padding:6px 0}.add-media span{margin-left:auto;font-size:8px;color:#606e59}.right-panel{border-left:1px solid #292c29;padding:24px 21px;background:#111512}.right-title{font-size:12px;display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#d5ddcd}.right-panel>label{display:block;font-size:8px;letter-spacing:1.4px;color:#7f8b76;margin:25px 0 13px}.active-template{border:1px solid #37422e;border-radius:6px;overflow:hidden;background:#1c2319}.style-sample{padding:26px 17px;font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.2}.active-template>span{display:flex;justify-content:space-between;padding:11px 12px;border-top:1px solid #303b29;font-size:10px;color:#c3cfb7}.active-template button{font-size:8px;color:#839675;padding:0}.swatches{display:flex;gap:10px}.swatch{width:24px;height:24px;border-radius:50%;color:#25301f;padding:0}.selected-swatch{outline:1px solid #9ea88c;outline-offset:3px}.font-select{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #303b29;margin-top:23px;border-radius:5px;font-size:10px;color:#b6c3aa}.slider-label{display:flex!important;justify-content:space-between}.slider-label span{letter-spacing:0;color:#becbb2}.tip{margin-top:40px;border-top:1px solid #2c3627;padding-top:23px;color:#a4bc83}.tip h4{font-size:11px;font-weight:500;margin-top:11px;line-height:1.7}.tip p{font-size:10px;margin-top:7px;color:#7e8d73}.import-side{width:100%;border:1px solid #3b4b2d;border-radius:5px;padding:11px 5px;font-size:10px;color:#bac9aa;margin-top:28px}footer{height:36px;border-top:1px solid #293025;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:8px;color:#68765e;letter-spacing:.3px}footer span{display:flex;align-items:center;gap:7px}footer span:nth-child(2){letter-spacing:1.2px;font-size:7px}footer b{font-size:6px;font-weight:400;background:#242d20;padding:3px 4px;border-radius:3px}.template-list,.settings{padding:20px;overflow:auto}.template{width:100%;display:flex;flex-wrap:wrap;text-align:left;border:1px solid #30382a;border-radius:6px;margin-bottom:15px;padding:0;overflow:hidden}.template.chosen{border-color:#b0c985}.template-preview{width:100%;padding:22px;background:radial-gradient(at 70% 0%,#56634b,#1b251b);text-align:center;font-size:22px;font-weight:800}.template-preview b{color:#d4f76b}.t1{font-family:Georgia;font-style:italic}.t1 b{color:#fff}.t2 b{background:#b6a0ff;color:#1d1826;padding:3px}.t3{font-size:17px;background:#161c16}.t3 span,.t3 b{background:#050705;color:#fff}.template>span{padding:12px;flex:1;font-size:11px}.template small{display:block;font-size:9px;margin-top:4px;color:#7b8b6f}.template>svg{margin-right:15px;color:#d4f76b}.settings label{display:block;font-size:11px;margin-bottom:23px;color:#bdc9b3}.settings select{display:block;width:100%;padding:11px 8px;margin-top:9px;background:#1c2319;font-size:11px}.settings p{font-size:11px;margin-bottom:20px}.settings hr{border:0;border-top:1px solid #303b29;margin:25px 0}.settings input{display:block;margin-top:14px}.settings label span{float:right;color:#899a79}.settings button{border:1px solid #4b5d3b;padding:8px 13px;border-radius:4px;font-size:11px}.empty{padding:60px 20px;text-align:center;color:#8a9d77}.empty h3{font-size:15px;margin:15px 0}.empty p{font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050805c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#191f18;border:1px solid #414d36;border-radius:15px;padding:38px;width:480px;max-height:85vh;overflow:auto;box-shadow:0 40px 100px #0008}.close{position:absolute;right:15px;top:12px;font-size:22px;color:#8a9b7c}.eyebrow{font-size:8px;letter-spacing:2px;color:#d4f76b}.modal h2{font-size:25px;letter-spacing:-.8px;font-family:Manrope;margin:10px 0}.modal p{font-size:12px;margin:12px 0 23px}.export-choice{display:flex;width:100%;padding:20px 15px;border:1px solid #3e4a33;border-radius:7px;margin-bottom:12px;justify-content:flex-start;font-size:12px}.export-choice svg{width:18px;color:#bcd58d}.export-choice small{margin-left:auto;color:#849773;font-size:10px}.modal .fine{font-size:10px;color:#839477;line-height:1.8;margin-bottom:0}.google{width:100%;padding:13px;border:1px solid #576848;background:#f0f3e8;color:#1f2819;border-radius:6px;font-weight:700}.google:hover{color:#1f2819}.google span{flex:1}.project-list{margin-top:20px}.project-item{display:flex;border-bottom:1px solid #34412c;padding:14px 0;gap:10px}.project-item>button:first-child{flex:1;text-align:left;justify-content:flex-start;min-width:0}.project-item span{overflow:hidden;text-overflow:ellipsis}.project-item small{display:block;color:#899c77;font-size:10px;margin-top:5px}.modal>button:not(.close){margin-top:8px}.backup-import{display:block;font-size:11px;margin-top:16px;color:#b7c6a6}.backup-import input{display:block;font-size:10px;margin-top:9px;max-width:100%}.timing-list>div{display:flex;align-items:end;gap:7px;border-bottom:1px solid #34402e;padding:13px 0}.timing-list input{width:80px;padding:7px;font-size:12px}.timing-list>div>input{flex:1;width:90px}.timing-list label{font-size:8px;text-transform:uppercase;color:#92a37d}.timing-list label input{display:block;margin-top:5px;width:64px}.timing-list button{padding-bottom:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:30;background:#303e25;border:1px solid #647d48;border-radius:8px;padding:15px 20px;max-width:650px;width:max-content;max-width:90vw;box-shadow:0 10px 35px #0007;font-size:12px;display:flex;align-items:center;gap:20px;line-height:1.6}.toast button{font-size:22px}.processing{position:fixed;bottom:70px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:15px;background:#27331f;border:1px solid #647d48;border-radius:10px;padding:17px 22px;box-shadow:0 10px 30px #0009;width:480px;max-width:95vw}.processing>div{flex:1;min-width:0}.processing b{font-size:10px;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.processing progress{width:100%;height:4px;accent-color:#d4f76b;margin-top:10px}.processing span,.processing button{font-size:11px}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1650px){main{grid-template-columns:360px minmax(380px,1fr) 265px}.preview-area{padding:30px 55px}.scene-label{font-size:45px}}@media(max-width:1250px){main{grid-template-columns:290px minmax(350px,1fr)}.right-panel,.save-state{display:none}.header-actions{gap:12px}header{padding:0 22px}.preview-area{padding:20px}.left-panel{min-height:590px}.panel-heading h2{font-size:17px}.add-media span{font-size:7px}}@media(max-width:850px){.rail{width:50px}.wordmark{font-size:16px}.wordmark>span{font-size:5px}.header-actions>button:first-child{font-size:0;gap:0}.project-title input{width:130px}.project-title{gap:5px}.divider{display:none}.subheader{padding:0 16px;font-size:8px}.local-pill{display:none}main{display:flex;flex-direction:column}.left-panel{order:2;max-height:550px;min-height:380px;border-top:1px solid #34402c}.editor{order:1}.preview-area{min-height:230px;max-height:500px}.preview-toolbar{height:40px}.video-stage{max-width:750px}.scene-label{font-size:5vw}.timeline{min-height:215px}.panel-heading{padding:20px}.caption-list{max-height:300px}.panel-footer{min-height:40px}.header-actions .primary{padding:9px;font-size:10px}.header-actions .primary svg:last-child{display:none}.header-actions{gap:10px}header{height:65px;padding:0 13px;gap:15px}.wordmark>span{letter-spacing:2px}.project-title>svg{display:none}footer span:last-child{display:none}.preview-brand{font-size:6px}.right-panel{display:none}}@media(max-width:520px){.rail{display:none}.wordmark{font-size:14px;letter-spacing:2px}.project-title input{width:100px;font-size:10px}.header-actions .avatar{display:none}.header-actions{gap:8px}header{gap:9px}.subheader{height:40px;letter-spacing:.5px}.subheader .slash{margin:0 7px}.preview-area{padding:8px 12px;min-height:200px}.preview-toolbar{padding:0 15px}.playback{margin:12px 16px}.modal{padding:28px 20px}.timeline-tools{padding:0 12px}.timeline-scroll{padding:0 13px 12px}.add-media{margin-left:14px}.add-media span{font-size:6px}footer{padding:0 12px;font-size:7px}.preview-toolbar .muted{margin-left:5px}.save-state{display:none}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #293025;font-size:9px;color:#8c9e7b}.pagination button{font-size:9px;padding:4px}.disk-option{display:flex;align-items:center;gap:9px;margin:18px 0;font-size:10px;color:#bac9aa}.disk-option input{accent-color:#d4f76b}:root{font-family:Plus Jakarta Sans,Segoe UI,Arial,sans-serif;color:#0b1638;background:#fbfcff;color-scheme:light;--ink: #0b1638;--muted: #6b7287;--line: #e7eaf2;--cyan: #08b9dc;--blue: #2874ec;--violet: #813ef0;--soft: #f6f8fc;--shadow: 0 18px 55px #21346411}body{background:radial-gradient(ellipse at 8% 12%,#eafaff,transparent 50%),radial-gradient(ellipse at 95% 35%,#f3edff,transparent 40%),#fbfcff;color:var(--ink)}button:hover{color:var(--blue);filter:brightness(.97)}input,select{color:var(--ink);border-color:#dfe5ef;background:#fff}button:focus-visible,a:focus-visible{outline:3px solid #8eb7ff}input:focus,select:focus{outline:2px solid #8eb7ff}a{color:inherit;text-decoration:none}.primary{color:#fff;background:linear-gradient(100deg,#08a9d6,#2874ec 50%,#813ef0);border:1px solid #ffffff60;box-shadow:0 4px 12px #4266b524;min-height:42px}.primary:hover{color:#fff}.secondary{border:1px solid #dae4f2;border-radius:10px;padding:11px 17px;color:#365786;background:#ffffffb8;font-weight:600;font-size:12px}.product-shell{max-width:1260px;margin:auto;padding:0 36px}.product-header{height:103px;padding:0 8px;border-color:var(--line);display:flex;justify-content:space-between;gap:20px}.product-brand{padding:0}.product-brand img{width:210px;display:block}.product-header nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:600;color:#59647b}.product-header nav .active{color:var(--blue)}.product-header .primary{border-radius:10px;padding:11px 18px;font-size:11px}.product-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#687995}.landing-hero{text-align:center;padding:62px 15px 0;position:relative;isolation:isolate}.landing-hero:before{content:"";position:absolute;inset:0 -20px auto;height:700px;z-index:-1;background:radial-gradient(ellipse at 13% 35%,#dff8ff 0,transparent 50%),radial-gradient(ellipse at 88% 35%,#efe8ff,transparent 50%);filter:blur(25px)}.landing-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.13;letter-spacing:-3.7px;font-weight:800;margin:22px 0}.landing-hero em{font-style:normal;background:linear-gradient(100deg,#099fc9,#2468e7 46%,#873de9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:580px;margin:0 auto;color:#6b7287;font-size:14px;line-height:1.9}.hero-actions{display:flex;justify-content:center;gap:12px;margin:25px auto 20px}.hero-actions button{font-size:12px;border-radius:11px;padding:14px 23px}.hero-actions .primary>span{margin:0 10px}.feature-pills{display:flex;justify-content:center;gap:18px;font-size:10px;color:#6c7b96}.feature-pills>span{display:flex;align-items:center;gap:5px}.feature-pills svg{color:#168cba}.setup-card{margin:24px auto 0;text-align:left;max-width:560px;border:1px solid #dbe6f6;background:#ffffffb8;border-radius:12px;padding:16px 20px;font-size:11px;color:#425579}.setup-card p{font-size:10px;margin:5px 0 9px;color:#6e809d}.setup-card button{padding:0;color:#2874ec;font-size:10px;font-weight:700}.hero-editor{margin:45px auto 0;max-width:870px;background:#fff;border:1px solid #dae4f2;border-radius:21px;box-shadow:0 35px 80px #4268a924;overflow:hidden;position:relative}.mock-top{height:44px;display:flex;align-items:center;gap:9px;padding:0 23px;text-align:left;font-size:8px;letter-spacing:1px;font-weight:700;color:#607596}.mock-top>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#92a0b7}.status-dot{width:6px;height:6px;border-radius:50%;background:#26b89a;box-shadow:0 0 0 3px #e7f7f0}.hero-video{margin:0 20px;aspect-ratio:2/1;border-radius:10px;background:linear-gradient(140deg,#cfeefa,#a2c8ec 45%,#d4c5f1);text-align:left;position:relative;overflow:hidden;padding:34px 45px;color:#152b58}.hero-film-label{font-size:7px;letter-spacing:2px;font-weight:700;opacity:.6}.hero-video h2{font-size:43px;letter-spacing:-2px;line-height:1.15;margin-top:20px;position:relative;z-index:1}.hero-video h2 em{font-family:Georgia;font-weight:400;background:none;color:#384977}.hero-mountains{position:absolute;top:15%;right:-5%;bottom:-20%;left:-5%;clip-path:polygon(0 100%,0 65%,17% 45%,27% 59%,45% 10%,63% 53%,75% 31%,100% 73%,100% 100%);background:linear-gradient(125deg,#406b9d66,#6464a966);transform:scaleX(-1)}.hero-caption{position:absolute;bottom:20%;left:50%;transform:translate(-50%);color:#fff;font-weight:800;letter-spacing:-.6px;font-size:clamp(14px,2.2vw,27px);text-shadow:0 2px 5px #304e6e99;white-space:nowrap;z-index:2}.hero-caption b{color:#c0f4ff}.hero-track{display:flex;align-items:center;padding:17px 23px;gap:8px;background:#fafcff}.type-icon{font-size:13px;width:24px;color:#8ea5c8}.hero-track>div{height:23px;width:20%;border:1px solid #adcef3;border-radius:4px;background:linear-gradient(90deg,#d9f6ff,#d9e5ff)}.hero-track>div:last-child{width:10%;background:#eee4fc;border-color:#d7c5f4}.mock-open{position:absolute;bottom:14px;right:22px;border:1px solid #d6e1f2;border-radius:7px;background:#fff;padding:8px 10px;color:#3e61a2;font-size:9px}.how-section{padding:80px 0 50px;text-align:center}.how-section>h2{font-size:31px;letter-spacing:-1px;margin-top:13px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;text-align:left}.how-grid article{position:relative;border:1px solid #e2e8f4;border-radius:20px;background:#ffffffa6;padding:26px;box-shadow:0 10px 25px #32588c06}.how-grid article>span{float:right;font-size:10px;color:#a8b6cf}.how-grid svg{color:#5489cd}.how-grid h3{font-size:15px;margin:19px 0 10px}.how-grid p{font-size:11px;color:#7d8ca5}.runtime-disclosure{font-size:10px;max-width:660px;margin:28px auto 0;color:#8b9ab0;line-height:1.8}.product-footer{height:auto;min-height:80px;display:flex;align-items:center;gap:20px;border-color:var(--line);padding:24px 4px;font-size:10px;color:#8b99ae;letter-spacing:0}.product-footer>span:nth-child(2){font-size:10px;letter-spacing:0;font-weight:400}.product-footer b{background:none;color:#4b638a;font-size:10px;padding:0;letter-spacing:.5px}.product-footer button{margin-left:auto;font-size:10px;color:#5474a1}.dashboard,.account-page{padding:42px 8px 55px;min-height:calc(100vh - 185px)}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard h1,.account-page h1{font-size:32px;letter-spacing:-1.3px;font-weight:800;margin:13px 0 10px}.dashboard-heading p{font-size:12px;color:#7c8aa1}.dashboard-heading>.primary{padding:13px 20px;border-radius:10px;font-size:11px}.upload-surface{background:linear-gradient(120deg,#f5fcff,#f8f5ff);border:1.5px dashed #bdcfe9;border-radius:22px;padding:35px;text-align:center;margin-top:31px}.upload-orb{display:grid;place-items:center;width:60px;height:60px;background:#fff;border:1px solid #e0eaf8;border-radius:17px;color:#4b8bd8;box-shadow:0 7px 20px #4266a010;margin:0 auto 17px}.upload-surface h2{font-size:21px;letter-spacing:-.5px}.upload-surface p{font-size:11px;color:#8a99b0;margin:9px auto 20px}.upload-surface>.primary{border-radius:9px;padding:12px 20px;font-size:11px}.upload-surface>.check-label{justify-content:center;font-size:10px;margin:18px auto 10px;color:#60718f}.upload-surface>small{font-size:9px;color:#91a0b6}.check-label{display:flex!important;align-items:center;gap:9px;font-size:11px;line-height:1.5}.check-label input{width:auto!important;display:inline-block!important;accent-color:#2874ec;margin:0!important;flex:none}.projects-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 20px;gap:15px}.projects-heading h2{font-size:15px;letter-spacing:-.2px}.projects-heading h2>span{font-size:9px;color:#8ba0bf;font-weight:500;margin-left:9px}.projects-heading>div{display:flex;align-items:center;gap:17px}.project-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe7f3;border-radius:8px;background:#fff;padding:8px 12px;color:#8ba0bf}.project-search input{border:0;background:transparent;font-size:10px;width:150px;outline:none}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #e2e9f5;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #335b9207;min-width:0}.project-thumb{width:100%;height:140px;background:linear-gradient(135deg,#e8f8ff,#e1eafa 60%,#e9dff9);position:relative;color:#688fbc}.project-thumb>span{position:absolute;bottom:12px;right:13px;font-family:monospace;font-size:9px;background:#fff9;border:1px solid #fff;border-radius:4px;padding:3px 5px}.project-thumb b{position:absolute;top:13px;left:13px;font-size:8px;font-weight:600;background:#fff9;border:1px solid #fff;border-radius:5px;padding:4px 7px;color:#5d75a2}.project-card-body{padding:17px}.project-card-body>input{border:0;width:100%;padding:2px 0;font-weight:700;font-size:12px;text-overflow:ellipsis}.project-card-body>p{font-size:9px;color:#98a5b9;margin-top:7px}.project-card-actions{display:flex;align-items:center;margin-top:17px;gap:13px}.project-card-actions button{padding:0;font-size:9px;color:#6d84a6}.project-card-actions>button:first-child{margin-right:auto;color:#3b70be}.no-projects{text-align:center;padding:50px 20px;color:#a4b5cc;border:1px dashed #dfe6f3;border-radius:15px}.no-projects h3{font-size:15px;color:#657a9b;margin:15px 0 8px}.no-projects p{font-size:11px;color:#8b9db7}.device-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#8a9bb4;margin-top:28px}.restore-backup{display:block;margin-top:25px;font-size:10px;color:#657c9e}.restore-backup input{display:block;padding:8px;font-size:10px;max-width:100%;margin-top:9px;border-color:#e2e8f2}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.surface{border:1px solid #e1e8f4;border-radius:18px;background:#fff;padding:28px;box-shadow:0 10px 30px #33578807}.surface h2{font-size:19px;margin-bottom:9px}.surface h3{font-size:12px;margin:30px 0 9px}.surface p{font-size:11px;color:#8a9ab2;margin:12px 0}.surface .check-label{color:#486185;margin-top:21px}.account-badge{display:inline-block;background:#eaf7ff;color:#3e81b7;padding:6px 10px;border-radius:6px;font-size:9px;margin-top:10px}.boot,.recovery{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:30px;gap:20px}.boot img,.recovery img{width:240px}.boot p{color:#7b8da8;font-size:12px}.recovery h1{font-size:28px}.recovery p{max-width:450px;text-align:center;color:#8091aa}.toast{background:#fff;border-color:#c6d9f4;color:#24406e;box-shadow:0 10px 40px #2d518033}.processing{background:#fff;border-color:#adc7ec;color:#24406e}.processing progress{accent-color:#2874ec}.modal-backdrop{background:#172f5450}.modal{background:#fff;border-color:#dae5f5;box-shadow:0 30px 100px #254a7640;color:#0b1638}.modal p,.modal .fine{color:#8392a9}.modal .eyebrow{color:#2874ec}.close{color:#7992b5}.modal .export-choice,.project-item{border-color:#e2eaf5}.export-choice svg,.export-choice small{color:#5d83bd}.google{background:#fff;color:#294b7b;border-color:#d1dff2}.google:hover{color:#2874ec}.disk-option,.backup-import{color:#6884aa}.timing-list>div{border-color:#e2eaf5}.timing-list input{background:#fbfcff;border-color:#dce6f4}.timing-list label{color:#7c94b3}.project-item small{color:#94a4bb}.studio{font-family:Plus Jakarta Sans,Segoe UI,Arial,sans-serif;background:#f5f8fd;color:#0b1638}.rail{background:#fff;border-color:#e3e9f3;width:68px}.brand{width:44px;height:44px;overflow:hidden;position:relative;letter-spacing:0}.brand img{position:absolute;width:83px;height:83px;max-width:none;left:-20px;top:-16px}.rail button{color:#8a9bb6}.rail .rail-active{background:#eaf5ff;color:#2874ec}.rail-bottom{color:#9bacc3}.online,.green-dot{background:#29b79a}.studio header{background:linear-gradient(110deg,#edf8ff,#e8effc 50%,#efe9fa);border-color:#dce6f3}.wordmark{width:165px;flex:none;line-height:1}.wordmark img{width:165px;height:55px;object-fit:contain;display:block}.project-title input{background:transparent;color:#486285}.divider{background:#cfdaeb}.save-state{color:#7e93b0}.avatar{background:#fff;border-color:#d6e2f2;color:#5f7ca6}.header-actions>button{color:#4f6d97}.header-actions .primary{color:#fff}.subheader{background:#fff;border-color:#e4ebf4;color:#466487}.muted,.local-pill{color:#94a3b9}.slash{color:#c3cddd}.left-panel{background:#fff;border-color:#e3eaf4}.panel-heading p{color:#93a2b8}.tabs{border-color:#e4ebf4}.tabs button{color:#8c9bb3}.tabs .selected{border-color:#2874ec;color:#2874ec}.generate{background:linear-gradient(110deg,#edfaff,#f0edff);border-color:#c7d9f0;color:#3269ba}.generate span{background:#fff;color:#8a79bf}.search{color:#9eb0c9}.search input{background:none;color:#607b9f}.search span{color:#9bacc3}.caption-row.active{background:#f0f7ff;border-color:#c5d9f2}.cue-index{color:#a9b7cb}.active .cue-index{color:#2874ec}.cue-time{color:#93a7c2}.cue-time span{color:#c0cddd}.words input{background:transparent;color:#4c6486}.words input:focus{background:#e9f3ff}.word-detail{color:#93acd0}.panel-footer,.pagination{border-color:#e5ecf5;color:#7395bd}.panel-footer span{color:#a4b3c7}.pagination{color:#829bc1}.editor{background:#f3f6fc}.preview-toolbar{color:#617fa9}.preview-toolbar button{color:#829dc0}.preview-area{background:radial-gradient(ellipse at center,#e7edf8,#f3f6fc 70%)}.video-stage{box-shadow:0 18px 45px #274d7a1a;border-radius:10px}.caption-drag{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;background:#fff9;border:1px solid #d4e4f8;border-radius:50%;color:#365fa1;opacity:0;z-index:4;touch-action:none}.video-stage:hover .caption-drag,.caption-drag:focus{opacity:1}.playback button{color:#83a0c2}.playback .play{background:#e0edff;color:#2874ec}.time-display{color:#5c79a0}.time-display span{color:#a0b0c8}.timeline{background:#fff;border-color:#e0e8f4}.timeline-tools{border-color:#e5edf6}.timeline-tools>div{color:#91a6c2}.timeline-tools input{accent-color:#2874ec}.tool-divider{background:#dce6f4}.ruler{color:#a5b6cc;border-color:#e4ecf6}.playhead,.playhead>span{background:#2874ec}.caption-track{background:#edf3fb}.caption-track button{background:#dceeff;color:#3b6aa7;border-color:#b7d6f3}.video-track{border-color:#c4d7ef;background:linear-gradient(110deg,#e1f5fb,#e3eaff,#ede5fb);color:#6d8caf}.waveform i{background:#669aca}.waveform-empty{font-size:8px;color:#90a9c7}.add-media{color:#6d8cb1}.add-media span{color:#a4b4c9}.right-panel{background:#fff;border-color:#e3eaf4;padding:24px 19px;max-height:calc(100vh - 168px);overflow-y:auto}.template{border-color:#dce6f4;background:#fff}.template.chosen{border-color:#87b6ef}.template-preview{background:linear-gradient(130deg,#d6f0fc,#dddaf6);color:#263f70}.template-preview b{color:#2874ec}.t3{background:#f2f6fc}.template small{color:#8ba0bd}.template>svg{color:#2874ec}.settings label{color:#6c85a8}.settings select{background:#f9fbff;border-color:#e0e8f4;color:#3a567f}.settings p,.settings label span{color:#91a4bf}.settings button{color:#597eaf;border-color:#ccdcf0}.settings hr{border-color:#e1eaf6}.empty{color:#8baed2}.empty p{color:#9cafc7}.studio footer{background:#fff;border-color:#e2eaf4;color:#98abc5}.studio footer b{background:#eff5fd;color:#83a0c4}.style-controls h3{font-size:12px;letter-spacing:-.2px;margin:0 0 23px}.style-controls h3:not(:first-child){margin-top:30px;border-top:1px solid #e3ebf6;padding-top:25px}.style-controls label{display:block;font-size:9px;color:#7c93b4;margin-bottom:18px;line-height:1.6}.style-controls label>span{float:right;color:#567dae}.style-controls label>input[type=range]{display:block;margin-top:14px;height:3px;accent-color:#2874ec}.style-controls select{width:100%;padding:9px 6px;font-size:10px;background:#fbfcff;border-color:#e0e8f3;margin-top:7px}.style-controls .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.style-controls input[type=color]{display:block;margin-top:7px;width:100%;height:29px;border-color:#dfe8f4;border-radius:5px;padding:3px;background:#fff}.save-preset{display:flex;gap:6px}.save-preset input{width:100%;font-size:9px;padding:9px;min-width:0}.save-preset button{font-size:9px;color:#2874ec;background:#eaf4ff;border:1px solid #cfe1f6;border-radius:5px;padding:7px}.timing-note{font-size:10px;color:#8a9fbd}.demo-banner{display:flex;align-items:center;justify-content:center;gap:20px;background:#e7f3ff;color:#6082b2;font-size:9px;padding:9px}.demo-banner button{font-size:9px;color:#2874ec;padding:0}@media(max-width:1250px){.right-panel{display:none}.product-shell{max-width:1100px}}@media(max-width:850px){.product-shell{padding:0 22px}.product-header{height:85px}.product-brand img{width:165px}.product-header nav{gap:14px;font-size:10px}.product-header nav .primary{font-size:9px;padding:9px 11px}.product-header nav>a{display:none}.landing-hero{padding-top:45px}.landing-hero h1{font-size:58px;letter-spacing:-2.8px}.hero-copy{font-size:12px;max-width:480px}.hero-video h2{font-size:34px}.hero-video{padding:25px 30px}.how-grid{gap:13px}.how-grid article{padding:20px}.how-grid p{font-size:10px}.dashboard h1,.account-page h1{font-size:27px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{gap:16px}.surface{padding:22px}.surface p{font-size:10px}.style-controls{display:none}.wordmark,.wordmark img{width:140px}.studio header{gap:12px}.studio .left-panel{min-height:450px}.studio .preview-area{min-height:210px}.studio main{min-height:0}.caption-drag{opacity:.65}}@media(max-width:580px){.product-shell{padding:0 16px}.product-header{height:77px;padding:0}.product-brand img{width:145px}.product-header nav{gap:10px;font-size:9px}.product-header nav>button:not(.primary){font-size:9px;padding:0}.product-header nav button svg{width:13px}.product-header nav button span{display:none}.product-header .primary{padding:8px 10px;font-size:8px;min-height:36px}.product-header .primary svg{display:none}.landing-hero{padding:35px 0 0}.landing-hero h1{font-size:46px;letter-spacing:-2.2px}.product-eyebrow{font-size:8px;letter-spacing:1.2px}.hero-copy{font-size:11px;max-width:340px}.hero-actions{gap:9px}.hero-actions button{padding:11px 14px;font-size:10px}.hero-actions .primary>span{margin:0 2px}.feature-pills{font-size:8px;gap:10px}.feature-pills svg{width:11px}.hero-editor{margin-top:30px;border-radius:14px}.mock-top{padding:0 12px;height:32px;font-size:6px}.mock-top>span:last-child{display:none}.hero-video{margin:0 10px;aspect-ratio:1.5;padding:18px 22px}.hero-video h2{font-size:32px;margin-top:14px}.hero-film-label{font-size:6px}.hero-caption{font-size:17px}.hero-track{padding:13px}.hero-track>div{height:16px}.mock-open{right:10px;bottom:10px;font-size:7px;padding:6px}.how-section{padding:50px 0 35px}.how-section>h2{font-size:24px}.how-grid{grid-template-columns:1fr;text-align:left;gap:13px}.how-grid article{padding:23px}.how-grid h3{margin:14px 0 6px}.how-grid p{font-size:11px}.product-footer{font-size:8px;gap:8px;padding:20px 0;flex-wrap:wrap}.product-footer>span:nth-child(2){display:none}.product-footer b,.product-footer button{font-size:8px}.dashboard,.account-page{padding:28px 0 35px}.dashboard h1,.account-page h1{font-size:25px;margin:11px 0}.dashboard-heading{align-items:start}.dashboard-heading>.primary{padding:8px 10px;min-height:37px;font-size:9px;white-space:nowrap}.dashboard-heading>.primary svg{width:13px}.dashboard-heading p{font-size:10px}.upload-surface{margin-top:25px;padding:25px 14px}.upload-surface h2{font-size:18px}.upload-surface p{font-size:10px;max-width:260px}.upload-surface>small{display:block;font-size:8px;line-height:1.8}.upload-surface>.check-label{font-size:9px}.project-grid{gap:13px}.project-thumb{height:105px}.project-thumb svg{width:25px}.project-card-body{padding:12px}.project-card-body>input{font-size:10px}.project-card-body>p{font-size:8px;line-height:1.7}.project-card-actions{gap:9px;flex-wrap:wrap}.project-card-actions>button:first-child{width:100%;justify-content:start;margin-bottom:4px}.project-card-actions button{font-size:8px}.project-card-actions svg{width:12px}.projects-heading h2{font-size:13px}.projects-heading>div{gap:10px}.project-search{padding:7px 8px}.project-search input{width:105px;font-size:9px}.project-search svg{width:13px}.account-grid{grid-template-columns:1fr}.surface{padding:22px}.surface h2{font-size:17px}.device-note{font-size:8px;line-height:1.8}.setup-card{padding:13px 16px;font-size:10px}.setup-card p,.setup-card button{font-size:9px}.wordmark,.wordmark img{width:125px}.studio .rail{display:none}.studio .wordmark{width:125px}.studio .project-title input{width:96px}.studio .header-actions{gap:10px}.studio .header-actions>button:first-child{display:none}.studio header{padding:0 14px;height:70px;gap:12px}.studio .subheader{font-size:7px}.demo-banner{font-size:8px;gap:8px;padding:8px;flex-wrap:wrap}.demo-banner button{font-size:8px}.studio .panel-heading{padding:23px 20px}.style-controls{display:block}.studio .left-panel{min-height:470px}.timing-list input{font-size:10px}.timing-list>div>input{min-width:50px}.timing-list label input{width:59px}.modal{padding:28px 20px}.product-shell .toast{font-size:11px}}.mobile-style-controls{display:none}.word-timing-row{flex-wrap:wrap}.word-color input{height:28px;width:35px!important;padding:1px}.word-color{flex:none}.style-controls .check-label{margin-bottom:20px}.timing-list .word-color{font-size:8px}.product-shell h1{margin-block-start:0}.account-page h1{margin-top:15px}.caption-row:has(.words[title^="Timing uncertain"]){border-left:2px solid #dca24b}.timing-note{border-left:2px solid #c7d8f0;padding-left:10px}.demo-scene .scene-label{color:#f3f0d5}.demo-scene .sample-tag{color:#d2dcc4}@media(max-width:1250px){.mobile-style-controls{display:block;margin:25px 0}.mobile-style-controls .style-controls{display:block}.mobile-style-controls h3{font-size:14px}.mobile-style-controls .control-grid{gap:0 18px}}.processing-report{font-size:10px;color:#6c87ac;margin:22px 0}.processing-report summary{cursor:pointer;font-weight:600}.processing-report pre{background:#f3f7fc;border:1px solid #e0e9f5;border-radius:8px;padding:12px;overflow:auto;font-size:9px;line-height:1.8;max-height:300px}.uncertain-label{display:block;font-size:8px;color:#b17d32;margin-top:5px}