@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#262a2b;background:#f7f8f5;font-synthesis:none;font-size:14px;font-weight:450;--lime: #c6f56d;--ink: #1c2021;--muted: #818680;--border: #e7e9e3;--paper: #fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #90b64d;outline-offset:3px}input,textarea,select{border:1px solid #dfe2db;background:#fff;border-radius:8px;padding:10px 12px;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#8db947;box-shadow:0 0 0 3px #c6f56d28}input[type=checkbox]{width:16px;height:16px;accent-color:#759d3b}input[type=range]{padding:0;border:0;box-shadow:none;accent-color:#80a944;cursor:pointer}input[type=color]{width:30px;height:28px;padding:2px;cursor:pointer}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:34px;letter-spacing:-1.4px;font-weight:750}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:16px}small{font-size:11px;line-height:1.6}p{line-height:1.7}svg{flex-shrink:0}progress{appearance:none;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#e6e9e2}progress::-webkit-progress-bar{background:#e6e9e2}progress::-webkit-progress-value{background:#91b94e;border-radius:10px}progress::-moz-progress-bar{background:#91b94e}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.97)}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:650;white-space:nowrap;min-height:40px}.primary{background:var(--lime);color:#253117;box-shadow:0 1px 1px #00000008}.primary:hover{background:#b9ed58}.secondary{background:#fff;border:1px solid #dde1d7}.danger{background:#ba4545;color:#fff}.danger-text{color:#b04e4e!important}.icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:7px}.icon:hover{background:#edf0e8}.full{width:100%;margin-top:10px}.muted{color:var(--muted)}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;font-family:Manrope,Arial,sans-serif;font-size:26px;letter-spacing:-1.6px;font-weight:800;gap:9px}.brandmark{position:relative;background:var(--lime);color:#1b2315;width:32px;height:34px;font-size:30px;line-height:30px;text-align:center;border-radius:9px;font-weight:800;letter-spacing:-2px}.brandmark>span{font-size:20px;position:absolute;right:4px;top:3px}.brand-dot{font-size:9px;align-self:flex-start;margin-top:7px;letter-spacing:0;margin-left:-3px}.shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#fff;border-right:1px solid var(--border);padding:28px 18px 18px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding:0 10px 34px}.workspace{display:flex;gap:11px;align-items:center;border:1px solid var(--border);padding:11px;border-radius:9px;margin-bottom:33px}.avatar{width:33px;height:33px;border-radius:8px;background:#efece5;color:#696253;font-weight:650;display:grid;place-items:center}.workspace strong{font-size:12px;display:block}.workspace small{font-size:10px;color:var(--muted)}.local-dot{margin-left:auto;height:6px;width:6px;background:#9abb71;border-radius:50%}.nav-label{font-size:9px;letter-spacing:1.5px;color:#9b9f98;padding:0 13px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button,.settings-nav{display:flex;align-items:center;gap:12px;padding:12px;border-radius:7px;color:#747b70;text-align:left;font-size:12px;min-height:43px}.sidebar nav button.active,.settings-nav.active{background:#edf3e5;color:#3d5227;font-weight:600}.sidebar nav button>span{margin-left:auto;background:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.storage-card{border:1px solid var(--border);border-radius:9px;padding:14px 12px;margin-bottom:18px}.storage-card>div{display:flex;align-items:center;gap:7px;font-size:10px}.storage-card strong{font-weight:600}.storage-card>div>span{margin-left:auto;color:#858c7d;font-size:9px}.storage-card progress{margin:15px 0 5px}.storage-card small{color:#94998e;font-size:9px}.storage-card p{display:flex;align-items:center;gap:5px;font-size:9px;margin-top:12px;color:#808c72}.settings-nav{width:100%;font-size:11px;min-height:38px}.sidebar-foot{font-size:9px;color:#a9ada3;border-top:1px solid var(--border);padding:16px 12px 0;margin-top:13px}.main{margin-left:232px;flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.crumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#a0a59c}.crumb strong{color:#555e51;font-weight:500}.private-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#838c79}.private-badge>span{width:5px;height:5px;background:#81a855;border-radius:50%}.content{padding:38px 44px 20px;max-width:1610px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#7b8274;margin-bottom:10px}.page-heading h1{display:flex;align-items:center;gap:13px}.count{font-size:13px;letter-spacing:0;font-weight:500;display:grid;place-items:center;background:#e9ede3;border:1px solid #dee3d6;min-width:27px;height:27px;border-radius:7px;color:#7d8871}.page-heading p,.lead{font-size:12px;color:#848c7e;margin-top:9px}.hero{position:relative;overflow:hidden;min-height:307px;border:1px solid #e2e6da;border-radius:13px;background:#eef1e8;display:flex;align-items:center;justify-content:space-between;padding:29px 46px 25px;margin-bottom:33px}.hero-copy{z-index:1}.pill{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;background:#ffffff90;border:1px solid #dce2d2;border-radius:20px;padding:5px 9px;margin-bottom:14px;color:#63764d;font-weight:600}.hero h2{font-size:42px;line-height:1.12;letter-spacing:-2px;font-weight:750;color:#2b3524}.hero h2>span{color:#82996b}.hero p{font-size:11px;line-height:1.8;color:#7f8975;margin-top:12px}.hero-copy>button{display:flex;align-items:center;gap:13px;margin-top:14px;padding:0;font-size:11px;font-weight:650;color:#3b4f2b}.hero-foot{display:flex;gap:18px;margin-top:22px;color:#8b9680;font-size:9px}.hero-foot span{display:flex;align-items:center;gap:5px}.hero-preview{width:201px;min-width:201px;height:267px;background:#262d27;transform:rotate(5deg);border:5px solid #fff;border-radius:17px;box-shadow:0 10px 30px #353e2620;position:relative;margin-right:10%;color:#ecf1e6;display:flex;flex-direction:column;padding:14px 12px 10px}.preview-top{display:flex;align-items:center;gap:5px;font-size:5.5px;letter-spacing:1px;color:#adb7a7}.preview-top>span:last-child{margin-left:auto;letter-spacing:0}.tiny-rec{height:4px;width:4px;border-radius:50%;background:#e9f3cc}.type-demo{margin:auto;text-align:center;line-height:1.16;letter-spacing:-1px;transform:rotate(-5deg)}.type-demo>span{font-size:25px;font-weight:500}.type-demo strong{font-size:37px;display:block;font-weight:700}.type-demo strong>span{font-size:24px;margin-left:6px;font-weight:400}.type-demo em{display:block;background:var(--lime);color:#293420;padding:0 12px 3px;border-radius:5px;font-size:35px;font-weight:700;font-style:normal;margin-top:6px;transform:rotate(-4deg)}.preview-bottom{display:flex;align-items:center;gap:7px;font-size:7px}.preview-bottom>span{display:flex;gap:3px;align-items:center}.mini-track{height:2px;background:#5a6357;flex:1}.mini-track i{display:block;width:46%;height:2px;background:var(--lime)}.preview-tag{position:absolute;bottom:65px;right:-58px;transform:rotate(-5deg);padding:9px 13px;font-size:10px;display:flex;align-items:center;gap:6px;border:1px solid #e0e5d8;background:#fff;color:#64734f;border-radius:7px;box-shadow:0 4px 15px #34402610}.hero-index{position:absolute;right:14px;bottom:15px;writing-mode:vertical-rl;letter-spacing:1.2px;font-size:7px;color:#9ba58e}.library-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:21px}.tabs{display:flex;gap:5px;align-items:center}.tabs>button{font-size:11px;padding:9px 13px;border-radius:6px;color:#92998b;white-space:nowrap}.tabs>button.selected{background:#fff;border:1px solid #dfe4d7;color:#424f37;box-shadow:0 1px 2px #293b1510}.search{margin-left:auto;display:flex;flex-direction:row;align-items:center;background:#fff;border:1px solid var(--border);border-radius:7px;padding:0 11px;gap:0;color:#a1a795;width:212px}.search input{border:0;box-shadow:none;padding:10px;font-size:10px;background:none}.grid-icon{display:grid;place-items:center;background:#fff;border:1px solid var(--border);padding:9px;border-radius:6px;color:#879577}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #e4e8dc;background:#fff;border-radius:10px;padding:7px 7px 10px;min-width:0}.thumbnail{width:100%;aspect-ratio:1.6;position:relative;background:#222827;border-radius:6px;overflow:hidden;padding:0;display:block}.thumbnail img{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.duration,.format{position:absolute;background:#15191395;color:#fff;border:1px solid #ffffff20;border-radius:4px;font-size:8px;padding:4px 6px}.duration{bottom:8px;right:8px}.format{top:8px;left:8px}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff50;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s}.thumbnail:hover .card-play{opacity:1}.card-detail{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 5px 0}.project-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;text-align:left}.card-meta{display:flex;gap:10px;padding:6px 5px 11px;justify-content:space-between;font-size:9px;color:#9ba28f}.card-status{border-top:1px solid #edf0e7;margin:0 5px;padding-top:10px;display:flex;justify-content:space-between;color:#9ba28f;font-size:8px}.card-status span{display:flex;align-items:center;gap:4px}.ready{color:#6b8850}.draft{color:#9b998b}.add-card{border:1px dashed #d3dac8;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;background:#f5f7f1;color:#89957a}.add-card>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e9efdf;margin-bottom:7px}.add-card strong{font-size:11px;font-weight:500}.add-card small{font-size:9px;color:#a4ac99}.menu{position:relative}.menu summary{list-style:none;cursor:pointer;color:#9ca490;height:20px}.menu summary::-webkit-details-marker{display:none}.menu>div{position:absolute;right:0;top:24px;z-index:20;min-width:170px;background:#fff;box-shadow:0 6px 25px #0002;border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column}.menu button,.menu a{display:block;text-align:left;font-size:11px;padding:9px;border-radius:4px}.menu button:hover,.menu a:hover{background:#f1f4ec}.empty{min-height:255px;border:1px dashed #dbe1d2;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:12px;background:#ffffff65;color:#81916f}.empty h3{color:#4b5940;font-size:17px}.empty p{font-size:12px;color:#929c87}.empty>small{color:#a3aa9b;font-size:9px}.empty-icon{width:55px;height:55px;background:#ebf0e3;border:1px solid #dbe3cf;border-radius:15px;display:grid;place-items:center;color:#7f9465}.content-footer{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding:19px 0;border-top:1px solid var(--border);color:#a2aa98;font-size:9px}.content-footer>span:first-child{display:flex;gap:6px;align-items:center}.content-footer>span:last-child{font-size:7px;letter-spacing:1.8px}.modal{width:min(490px,calc(100% - 32px));border:1px solid #e2e6dc;border-radius:16px;padding:25px;color:var(--ink);box-shadow:0 20px 100px #0003;max-height:90dvh}.modal::backdrop{background:#14201670;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.modal h2{font-size:21px}.modal p{font-size:12px;color:#7d8872;margin-bottom:18px}.modal form label{margin-top:17px}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}.dropzone{border:1px dashed #cbd6bd;background:#f8faf5;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 15px;width:100%}.dropzone>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px}.dropzone>span{font-size:12px;color:#89967c}.dropzone>small{font-size:10px;color:#a1ac95}.upload-progress{padding-top:22px}.upload-progress>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:12px}.upload-progress small{color:#8c977f}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:min(650px,calc(100% - 28px));background:#273023;color:#f3f7ed;box-shadow:0 7px 25px #0002;padding:15px 18px;border-radius:10px;z-index:9999;display:flex;align-items:center;gap:18px;font-size:12px;line-height:1.6}.toast button{color:#c3d1b7;padding:0;display:flex}.error{background:#fff1ed;color:#a65447!important;border:1px solid #f2d8cf;padding:12px;border-radius:8px;font-size:11px;line-height:1.7}.hint{font-size:11px!important;color:#8c9781!important;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:6px;color:#739646;font-size:11px}.text-button{font-size:10px;color:#849a6b;padding:12px 0;line-height:1.7}.check-row{display:flex;flex-direction:row;align-items:center;font-size:11px;margin:17px 0}.link-result{display:flex;align-items:center;gap:7px}.link-result input{font-size:11px}.narrow{max-width:900px;margin-left:0}.settings-panel{padding:25px;background:#fff;border:1px solid var(--border);border-radius:12px;margin:23px 0}.settings-panel h3{display:flex;align-items:center;gap:10px;margin-bottom:15px}.settings-panel p{color:#858f7c;font-size:12px;margin:12px 0}.settings-panel small{color:#96a08d}.settings-panel code{background:#f0f4e9;padding:2px 4px;font-size:11px}.invite-link{margin-top:18px}.invite-link label{display:block;font-size:11px;color:#68745b;margin-bottom:8px}.invite-link>div{display:flex;gap:8px}.invite-link input{flex:1;min-width:0;font-size:11px}.invite-list{margin-top:18px}.invite-list>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);font-size:11px;color:#68745b}.status{display:inline-block;padding:5px 9px;background:#f4f6f0;border:1px solid #e4e9da;border-radius:6px;font-size:10px}.auth-page{min-height:100dvh;background:#f5f7f0;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:36px 7vw 30px;align-items:center;position:relative}.auth-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-self:start;align-items:center}.auth-brand>span{font-size:9px;letter-spacing:2px;color:#8c967e}.auth-intro{padding:35px 0}.auth-intro .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:30px}.auth-intro h1{font-size:clamp(48px,5.4vw,77px);letter-spacing:-4px;line-height:1.13;font-weight:750}.auth-intro h1 em{color:#87a368;font-style:normal}.auth-intro>p{font-size:14px;color:#8c987f;line-height:1.9;margin-top:25px}.auth-chips{display:flex;gap:20px;margin-top:40px;color:#7f926b;font-size:10px}.auth-chips>span{display:flex;align-items:center;gap:7px}.auth-card{background:#fff;border:1px solid #e2e8da;border-radius:18px;padding:37px;max-width:420px;width:100%;justify-self:end;box-shadow:0 15px 45px #313e1906}.auth-card .empty-icon{margin-bottom:22px}.auth-card h2{font-size:25px}.auth-card>p{font-size:11px;color:#9ba58e;margin:10px 0 26px}.auth-card label{margin-top:18px;font-size:11px;color:#68745b}.auth-card input{padding:12px;font-size:12px}.auth-card form>.primary{margin-top:25px;width:100%}.auth-card>small{display:flex;align-items:center;justify-content:center;gap:6px;color:#9fa993;margin-top:22px;font-size:9px}.auth-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-self:end;font-size:8px;letter-spacing:1px;color:#a1ab95;padding-top:25px;border-top:1px solid #e2e8d9}.auth-foot>span{letter-spacing:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.template-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px}.style-preview{width:100%;display:block;border-radius:7px;background:#2b302a}.template-card h3{font-size:12px}.template-card .muted{font-size:9px}.template-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 5px 5px}.template-actions .secondary{font-size:10px;min-height:30px;padding:7px 10px}.links-list{margin-top:30px;border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.link-row{display:flex;align-items:center;gap:18px;padding:19px;border-bottom:1px solid var(--border)}.link-row:last-child{border:0}.link-row>div{flex:1;min-width:0}.link-row strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.link-row small{display:block;color:#94a186;margin-top:6px;font-size:10px}.file-icon{width:42px;height:44px;display:grid;place-items:center;background:#eef3e5;color:#8ca470;border-radius:9px}.share-page{min-height:100vh;display:flex;align-items:center;flex-direction:column;padding:35px 20px;gap:35px}.share-card{width:min(600px,100%);padding:30px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:center}.share-card>.empty-icon{margin:auto auto 24px}.share-card h1{font-size:27px;overflow-wrap:anywhere}.share-card p{color:#8c9a7e;font-size:12px;margin:14px 0}.share-card video{width:100%;max-height:55vh;background:#1e251b;border-radius:10px;margin-top:15px}.share-card>small{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#9aaa8c}.share-card form{text-align:left;margin-top:24px}.share-card form button{width:100%;margin-top:18px}.share-page>.muted{font-size:10px}.editor{height:100dvh;display:flex;flex-direction:column;background:#f2f4ed;overflow:hidden}.editor-header{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:17px;flex-shrink:0}.editor-header .brand{font-size:22px}.editor-header .brandmark{width:28px;height:30px;font-size:26px;line-height:27px}.editor-divider{height:28px;width:1px;background:var(--border)}.editor-title{flex:1;min-width:0}.editor-title strong{font-size:12px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.editor-title small{font-size:9px;color:#9ba790;display:block;margin-top:5px}.editor-actions{display:flex;gap:8px}.editor-actions button{font-size:11px}.editor-body{display:grid;grid-template-columns:300px minmax(300px,1fr) 276px;min-height:0;flex:1}.transcript-panel,.style-panel{background:#fff;display:flex;flex-direction:column;min-height:0;overflow:auto}.transcript-panel{border-right:1px solid var(--border)}.style-panel{border-left:1px solid var(--border)}.editor-tabs{padding:12px 14px;border-bottom:1px solid var(--border);gap:2px;flex-shrink:0;position:sticky;top:0;background:#fff;z-index:2}.editor-tabs>button{padding:9px 12px;font-size:11px}.editor-tabs>button.selected{background:#edf3e4;border-color:#e1e9d5;box-shadow:none}.editor-tabs small{margin-left:6px;font-size:9px}.ai-box{margin:16px 14px;padding:14px;border-radius:10px;background:#f6f8f1;border:1px solid #e4e9db}.ai-box>div{display:flex;align-items:center;gap:8px;color:#758d55;font-size:11px}.ai-box>select{margin-top:14px;font-size:11px;padding:9px}.ai-box>.primary{width:100%;margin-top:8px;font-size:11px;min-height:35px}.ai-box>small{display:block;color:#95a088;font-size:9px;text-align:center;margin-top:10px}.caption-toolbar{display:flex;justify-content:space-between;padding:0 17px 12px;gap:6px}.caption-toolbar button{display:flex;gap:5px;align-items:center;font-size:10px;color:#7b8a6e;padding:5px 0}.caption-list{padding:0 12px 20px}.compact{border:0;background:none;min-height:210px;padding:20px 10px}.compact h3{font-size:14px}.compact p{font-size:11px}.caption-row{border:1px solid #e7ebdf;border-radius:8px;padding:10px;margin-bottom:9px}.caption-row.current{border-color:#aac77f;background:#f7faf1}.caption-top{display:flex;gap:5px;align-items:center;font-size:9px;color:#9aaa8d}.caption-number{color:#94a780;font-size:9px;padding:2px;min-width:18px}.caption-top>input{font-size:9px;padding:5px 3px;min-width:0;border-color:#edf0e8;border-radius:4px;text-align:center}.caption-top>.icon{padding:4px}.caption-row textarea{font-size:12px;line-height:1.5;padding:9px 0 2px;border:0;box-shadow:none;background:none;resize:vertical;min-height:43px}.word-details{font-size:9px;color:#8f9d81}.word-details>summary{padding-top:5px;cursor:pointer}.word-details small{display:block;margin:10px 0;font-size:8px}.word-timing{display:flex;align-items:center;gap:5px;margin:5px 0}.word-timing>span{flex:1;overflow:hidden;text-overflow:ellipsis}.word-timing input{width:62px;padding:4px;font-size:9px}.preview-panel{padding:18px 25px;display:flex;flex-direction:column;min-height:0;overflow:auto}.preview-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.4px;color:#829073;margin-bottom:17px;gap:8px}.preview-heading>span:first-child{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1.2px}.live-dot{height:5px;width:5px;background:#90ad65;border-radius:50%}.video-stage{display:flex;justify-content:center;align-items:center;flex:1;min-height:220px;padding:0 8px}.video-frame{height:100%;max-height:calc(100dvh - 300px);max-width:100%;position:relative;background:#222823;border-radius:9px;overflow:hidden;box-shadow:0 8px 25px #1b251c17;isolation:isolate}.video-frame video,.video-frame canvas{display:block;position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.video-frame canvas{pointer-events:none}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff55;color:#fff;background:#ffffff20;border-radius:50%;height:54px;width:54px;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playback{display:flex;align-items:center;gap:10px;margin-top:18px;flex-shrink:0}.playback>.icon{padding:6px}.playback>span{font-size:10px;white-space:nowrap}.playback small{color:#9ca58f;font-size:9px}.playback>input{flex:1;min-width:40px;max-height:18px}.playback>svg{color:#9aa78c}.playback-label{display:none;font-size:6px!important;letter-spacing:.5px;color:#a1af92}.timeline{margin-top:15px;flex-shrink:0}.timeline-ruler{display:flex;justify-content:space-between;font-size:8px;color:#9eaa92;padding-bottom:8px}.timeline-track{position:relative;height:40px;width:100%;padding:0;display:block;border-radius:5px;overflow:hidden;background:#d5e1c3}.film-strip{height:100%;display:flex;align-items:center;gap:8px;padding:0 12px;background:repeating-linear-gradient(90deg,#dbe5cc 0px 55px,#c8d7b8 55px 57px);color:#768666;font-size:9px}.cut-marker{height:100%;position:absolute;top:0;background:repeating-linear-gradient(45deg,#a8675e70,#a8675e70 3px,#e1b3a87a 3px 6px)}.playhead{position:absolute;height:100%;top:0;border-left:2px solid #526c33}.caption-track{height:30px;position:relative;margin-top:5px}.caption-track>button{position:absolute;overflow:hidden;text-overflow:clip;white-space:nowrap;height:25px;padding:5px;background:#e9dec6;border:1px solid #d8c9a6;border-radius:4px;font-size:8px;color:#968258;min-width:2px}.job-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#748b58;background:#e7efdc;border:1px solid #dbe6cd;padding:10px;border-radius:7px;margin-top:8px;flex-shrink:0}.job-status>span{white-space:nowrap}.job-status progress{flex:1}.preview-panel>.error{margin-top:10px;font-size:9px;max-height:100px;overflow:auto}.preset-list{padding:4px 14px 14px;flex:1;overflow:auto}.panel-eyebrow{font-size:8px;letter-spacing:1px;color:#97a48a;margin:17px 0 12px}.preset{width:100%;border:1px solid #e3e8d9;border-radius:8px;padding:5px;text-align:left;margin-bottom:10px;background:#fff}.preset.chosen{border-color:#9dbd72;background:#f3f8eb;box-shadow:0 0 0 1px #a7c57f}.preset .style-preview{height:78px;object-fit:contain;background:#2d332b}.preset>span{display:flex;justify-content:space-between;font-size:10px;margin:9px 5px 5px;color:#6f825b;align-items:center}.preset .muted{font-size:8px}.template-save{border-top:1px solid var(--border);padding:8px 14px 14px;background:#fff;flex-shrink:0}.template-save button{font-size:10px}.template-save .text-button{width:100%;padding-bottom:0}.style-controls{padding:0 17px 20px;overflow:auto;flex:1}.style-controls>label{font-size:10px;margin-bottom:16px}.style-controls select{font-size:10px;padding:8px}.slider-label>span{display:flex;justify-content:space-between;color:#7b8a6d;font-weight:450}.slider-label strong{font-size:9px;font-weight:500;color:#596d47}.color-label{flex-direction:row;align-items:center;justify-content:space-between}.color-label>span{display:flex;align-items:center;gap:6px}.color-label code{font-size:8px;color:#9aa78b}.style-controls>small{font-size:9px;color:#9ba88e;display:block;margin-top:12px}.panel-padding{padding:21px 17px}.panel-padding h3{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:13px}.panel-padding>.hint{font-size:10px!important;margin-bottom:17px}.panel-padding button{font-size:11px}.field-pair{display:flex;gap:10px}.field-pair>label{flex:1;font-size:10px;min-width:0}.field-pair input{font-size:11px}.cuts-list>div{display:flex;align-items:center;gap:9px;border:1px solid #e3e7dc;padding:8px;border-radius:6px;margin:10px 0;color:#a38475;font-size:10px}.cuts-list .icon{margin-left:auto}.info-box{background:#f2f6e9;border:1px solid #dfe7d2;padding:14px;border-radius:8px;font-size:11px;line-height:2;color:#85966e;margin-top:18px}.export-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:13px;border-radius:8px;margin:14px 0;color:#849671}.export-card>div{flex:1}.export-card strong{display:block;font-size:11px}.export-card small{display:block;font-size:9px;color:#9fae8d}@media(min-width:1500px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding-left:55px}.hero-preview{margin-right:17%}.editor-body{grid-template-columns:340px minmax(360px,1fr) 310px}.playback-label{display:block}.video-frame{max-height:calc(100dvh - 295px)}}@media(max-width:1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main{margin-left:200px}.content{padding:30px}.topbar{padding:0 30px}.hero{padding:25px;min-height:285px}.hero h2{font-size:38px}.hero-preview{margin-right:5%;width:180px;min-width:180px;height:250px}.hero-index{display:none}.preview-tag{right:-22px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-body{grid-template-columns:260px minmax(250px,1fr) 240px}.editor-header{gap:10px;padding:0 14px}.editor-header .brand{display:none}.preview-panel{padding:17px 15px}.editor-tabs{padding:12px 8px}.editor-tabs>button{padding:8px 10px}.caption-top input{font-size:8px}.preview-heading{font-size:7px}.preview-heading .muted{display:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{width:75px;padding:23px 12px}.sidebar>.brand{font-size:0;padding:0 8px 25px}.sidebar .brand-dot{display:none}.sidebar .workspace{padding:7px;border:0;margin-bottom:25px;justify-content:center}.workspace>div,.local-dot,.nav-label,.sidebar nav button>span,.sidebar-bottom .storage-card,.sidebar-foot{display:none}.sidebar nav button{font-size:0;padding:14px;gap:0}.sidebar nav button svg{width:20px}.settings-nav{font-size:0;padding:15px}.main{margin-left:75px}.topbar{height:60px;padding:0 22px}.content{padding:26px 22px}.hero-preview{margin-right:2%;min-width:155px;width:155px;height:228px}.hero h2{font-size:35px}.hero .pill{font-size:6px}.hero-foot{font-size:8px;gap:10px}.hero-preview .type-demo{transform:scale(.9) rotate(-5deg)}.hero-preview .preview-top{font-size:4px}.hero{padding:23px 25px;gap:15px}.preview-tag{font-size:8px;right:-16px;padding:8px}.library-toolbar{flex-wrap:wrap}.search{width:180px}.grid-icon{display:none}.auth-page{padding:30px 5vw;gap:25px;grid-template-columns:1fr 1fr}.auth-intro h1{font-size:49px;letter-spacing:-2.5px}.auth-card{padding:27px}.auth-chips{flex-direction:column;gap:14px}.auth-intro .eyebrow{font-size:8px}.auth-intro p{font-size:12px}.editor{overflow:auto;height:auto;min-height:100dvh}.editor-header{position:sticky;top:0;z-index:20;flex-wrap:wrap;height:auto;min-height:70px;padding:12px}.editor-title{min-width:120px}.editor-actions{gap:5px}.editor-actions .secondary,.editor-actions .primary{padding:9px;font-size:10px;min-height:34px}.editor-actions svg{width:14px}.editor-divider{display:none}.editor-body{display:grid;grid-template-columns:1fr 1fr;flex:none}.preview-panel{grid-column:1/-1;grid-row:1;height:650px;padding:16px 24px}.video-frame{height:390px;max-height:390px}.transcript-panel,.style-panel{min-height:550px;max-height:750px}.editor-tabs{position:static}.video-stage{min-height:0}.panel-padding{padding:20px}.preview-heading{font-size:9px}}@media(max-width:560px){h1{font-size:28px;letter-spacing:-1px}.sidebar{width:58px;padding:22px 6px}.sidebar>.brand{padding-left:7px}.sidebar nav button{padding:13px}.sidebar nav button svg{width:18px}.settings-nav{padding:13px}.main{margin-left:58px}.topbar{padding:0 17px;height:54px}.crumb{font-size:9px;gap:7px}.private-badge{font-size:0;gap:0}.content{padding:25px 16px}.page-heading{gap:12px;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.2px}.page-heading h1{font-size:25px;gap:8px}.count{min-width:22px;height:22px;font-size:11px}.page-heading p{font-size:10px;margin-top:8px;max-width:180px}.page-heading>.primary{padding:10px;font-size:0;min-height:34px;gap:0;margin-top:20px}.page-heading>.primary svg{width:19px}.hero{padding:22px;min-height:290px;margin-bottom:25px}.hero h2{font-size:35px}.hero-preview{display:none}.hero p{font-size:10px}.hero-copy>button{font-size:10px}.hero .pill{font-size:6px;letter-spacing:.8px}.hero-foot{font-size:7px;gap:12px}.library-toolbar{gap:12px}.library-toolbar>.tabs{gap:0;width:100%;justify-content:space-between}.tabs>button{padding:8px 10px;font-size:9px}.search{width:100%}.search input{font-size:10px;padding:10px}.project-grid{grid-template-columns:1fr;gap:14px}.thumbnail{aspect-ratio:1.5}.project-name{font-size:12px}.card-meta{font-size:9px}.add-card{min-height:145px}.empty{padding:28px 15px;min-height:290px}.empty p{font-size:10px}.empty h3{font-size:15px}.empty .secondary{font-size:10px}.content-footer{font-size:8px;line-height:1.8;gap:15px}.content-footer>span:last-child{display:none}.auth-page{display:flex;flex-direction:column;gap:25px;padding:25px;align-items:stretch}.auth-brand>span{font-size:6px;letter-spacing:1px}.auth-intro{padding:18px 0 0}.auth-intro .eyebrow{margin-bottom:17px;font-size:7px}.auth-intro h1{font-size:46px;letter-spacing:-2px}.auth-intro>p{font-size:11px;margin-top:18px}.auth-chips{margin-top:20px;flex-direction:row;gap:14px;font-size:8px}.auth-card{max-width:none;padding:25px;margin-top:10px}.auth-card .empty-icon{display:none}.auth-card h2{font-size:23px}.auth-card>p{font-size:10px;margin-bottom:20px}.auth-foot{margin-top:20px;font-size:7px;gap:15px}.auth-foot>span{text-align:right;font-size:7px}.template-grid{grid-template-columns:1fr}.template-card .style-preview{max-height:160px}.lead{font-size:11px}.links-list{margin-top:22px}.link-row{gap:8px;padding:13px;flex-wrap:wrap}.link-row>div{min-width:130px}.link-row>.file-icon{display:none}.link-row>.secondary{font-size:9px;padding:7px}.settings-panel{padding:20px}.settings-panel h3{font-size:14px}.settings-panel p{font-size:11px}.editor-header{gap:7px}.editor-header>.icon{padding:6px}.editor-title strong{font-size:11px}.editor-title small{font-size:8px}.editor-actions{width:100%;justify-content:flex-end;padding-top:4px}.editor-actions .primary{flex:1}.editor-body{grid-template-columns:1fr}.preview-panel{height:580px;padding:18px;grid-row:1}.video-frame{height:330px;max-height:330px}.transcript-panel{grid-row:2;min-height:450px;max-height:650px;border-right:0;border-top:1px solid var(--border)}.style-panel{grid-row:3;max-height:800px;border-left:0;border-top:1px solid var(--border)}.editor-tabs{padding:12px 17px}.editor-tabs>button{font-size:11px;padding:9px 14px}.caption-list{padding:0 16px 20px}.caption-top>input{font-size:11px}.ai-box{margin:16px}.caption-toolbar{padding:0 20px 12px}.caption-toolbar button{font-size:11px}.preset-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}.preset-list>.panel-eyebrow{grid-column:1/-1}.preset{margin-bottom:0}.template-save{margin-top:auto}.style-controls{padding:0 22px 22px}.share-card{padding:23px}.share-card h1{font-size:23px}.modal{padding:22px}.modal h2{font-size:20px}.preview-heading{font-size:8px}.playback input{max-height:18px}.dropzone small{font-size:9px}.toast{font-size:11px;bottom:16px;padding:13px;gap:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.live-caption-editor{flex-shrink:0;margin-top:14px;border:1px solid #dce5cf;border-radius:12px;background:#fff;padding:12px;box-shadow:0 3px 15px #34492305}.live-caption-editor header,.live-caption-editor header>div,.word-extra{display:flex;align-items:center;justify-content:space-between;gap:6px}.live-caption-editor header strong{font-size:11px}.live-caption-editor header strong span{font-size:9px;font-weight:400;color:#8b987b;margin-left:8px}.live-caption-editor .icon{padding:3px}.follow-button{font-size:9px;padding:6px 8px;border-radius:6px;color:#8a967d;display:flex;gap:5px;align-items:center}.follow-button span{width:5px;height:5px;border-radius:50%;background:#adb5a5}.follow-button.on{background:#edf5e3;color:#547335}.follow-button.on span{background:#82aa52}.live-word-strip{position:relative;display:flex;align-items:center;gap:5px;overflow-x:auto;padding:13px 1px 8px;scrollbar-width:thin}.live-word{flex-shrink:0;font-size:14px;font-weight:500;padding:7px 9px;border-radius:6px;border:1px solid transparent;transition:background .08s}.live-word.spoken{background:#c6f56d;color:#293c17}.live-word.selected{border-color:#74964e;box-shadow:0 0 0 1px #74964e;background:#edf5e3}.live-word.emphasized{font-weight:800}.live-word small{color:#789650;padding-right:4px}.live-caption-editor p{font-size:10px;color:#8a977c;padding-top:7px}.word-edit-tools{border-top:1px solid #edf1e7;margin-top:6px;padding-top:9px}.word-edit-input,.word-add{display:flex;gap:6px;align-items:center}.word-edit-input input,.word-add input{min-width:0;flex:1;padding:7px 9px;font-size:11px}.word-edit-input .secondary,.word-add .secondary{padding:7px 9px;min-height:30px;font-size:10px}.break-options{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.break-options button{border:1px solid #e4eadc;padding:6px 9px;border-radius:5px;font-size:10px;color:#7d8c6e}.break-options button.selected{background:#edf5e3;border-color:#a8c58a;color:#4c6b2e}.word-extra{margin:9px 0;color:#8a977c;font-size:9px}.word-extra label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:10px}.word-extra input{width:13px;height:13px}.word-extra small{font-size:9px}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.expanded-controls{padding:0}.caption-style-tabs{display:flex;gap:3px;padding:10px 9px;position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid #e5eadd}.caption-style-tabs button{flex:1;font-size:9px;padding:8px 3px;white-space:nowrap;border-radius:6px;color:#8d9881}.caption-style-tabs button.selected{background:#edf3e4;color:#547236;font-weight:600}.style-section{border-bottom:1px solid #e5eadd;padding:12px 14px}.style-section summary{font-size:11px;font-weight:650;cursor:pointer;color:#586d45}.style-section>div{padding-top:12px}.style-section label{font-size:10px;margin-bottom:12px}.style-section label:last-child{margin-bottom:0}.style-section input,.style-section select{font-size:11px;padding:8px}.style-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-field-grid label{min-width:0}.style-field-grid select{width:100%}.style-color-field>div{display:flex;align-items:center;gap:8px}.style-color-field input[type=color]{padding:0;width:30px;height:30px;border:0;flex-shrink:0}.style-color-field input:not([type=color]){flex:1;min-width:0;font-family:Courier New,monospace}.style-toggle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.expanded-controls>div[role=tabpanel]>.style-toggle{padding:14px;border-bottom:1px solid #e5eadd}.style-toggle input{appearance:none;width:32px;height:19px;min-width:32px;border-radius:20px;background:#dce2d4;position:relative;cursor:pointer;border:0;padding:0}.style-toggle input:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0002}.style-toggle input:checked{background:#8baa5d}.style-toggle input:checked:after{left:15px}.style-segments{display:flex;gap:5px;margin:9px 0}.style-segments button{flex:1;min-width:0;padding:8px 3px;font-size:9px;border:1px solid #e0e7d7;border-radius:6px}.style-segments button.selected{background:#edf5e3;border-color:#a6c186;color:#52732e}.style-section small,.expanded-controls>div>small{display:block;font-size:9px;line-height:1.7;color:#91a080;margin-top:10px}.expanded-controls>div>small{padding:0 14px 12px}.emphasis-style-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b997d}.emphasis-chips{display:flex;flex-wrap:wrap;gap:6px}.emphasis-chips button{display:flex;align-items:center;gap:5px;background:#edf3e4;border-radius:4px;padding:6px 8px;font-size:10px}.editor-body{grid-template-columns:300px minmax(300px,1fr) 304px}.video-frame{max-height:calc(100dvh - 440px)}.transcript-panel{position:relative}@media(max-width:1100px)and (min-width:801px){.editor-body{grid-template-columns:255px minmax(260px,1fr) 265px}}@media(max-width:800px){.editor-body{grid-template-columns:minmax(0,1fr)}.transcript-panel{grid-row:2}.style-panel{grid-row:3}.preview-panel{height:auto;min-height:600px}.video-stage{flex:none;min-height:300px}.video-frame{height:300px;max-height:300px}.live-caption-editor{padding:10px}.expanded-controls{padding:0}}.text-position-controls{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;padding:9px 10px;border:1px solid #dde6d2;border-radius:8px;background:#ffffffb0}.text-move-toggle{display:flex;align-items:center;gap:5px;padding:6px 8px;font-size:10px;white-space:nowrap;border-radius:5px;color:#72875a}.text-move-toggle.selected{background:#e8f3d8;color:#466628}.text-position-controls label{display:flex;flex-direction:row;align-items:center;gap:5px;font-size:9px;color:#81906f}.text-position-controls input[type=number]{padding:5px;font-size:10px;width:49px;min-width:0}.text-position-controls .block-scale-input{flex:1;min-width:150px}.block-scale-input input[type=range]{min-width:45px;flex:1;width:70px;padding:0;height:17px}.text-position-controls small{width:100%;font-size:9px;color:#8b9c78}.text-transform-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.text-transform-box{position:absolute;border:1.5px solid #c6f56d;min-height:16px;min-width:16px;pointer-events:auto;cursor:move;touch-action:none;box-shadow:0 0 0 1px #0004}.text-transform-box:focus-visible{outline:2px solid white;outline-offset:3px}.text-transform-label{position:absolute;left:-1px;top:-20px;padding:3px 6px;border-radius:3px 3px 0 0;color:#253411;background:#c6f56d;font-size:9px;white-space:nowrap;pointer-events:none}.text-scale-handle{position:absolute;bottom:-8px;right:-8px;width:16px;height:16px;background:#c6f56d;border:2px solid #fff;border-radius:3px;cursor:nwse-resize;touch-action:none;pointer-events:auto}.font-upload-button{font-size:10px;margin-top:8px;min-height:30px}.expanded-controls>div[role=tabpanel]>.style-select{margin:12px 14px;font-size:10px}