@font-face{font-family:Studio DejaVu;src:url(/fonts/DejaVuSans.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}:root{color:#16203a;font-synthesis:none;background:#f4f6fb;font-family:Avenir Next,Avenir,Inter,ui-sans-serif,system-ui,sans-serif}.connection-card{max-width:720px;margin:3rem auto;padding:2rem}.connection-card form,.connection-card label{gap:.75rem;display:grid}.connection-card form{margin-block:1.5rem}.connection-card input{border:1px solid #bac5df;border-radius:8px;padding:.75rem}.recorder-list{padding:0;list-style:none}.recorder-list li{border-top:1px solid #dbe1ed;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}*{box-sizing:border-box}body{background:#f4f6fb;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #8ca6ff}.topbar{background:#fff;border-bottom:1px solid #dce2f0;align-items:center;gap:20px;height:58px;padding:0 22px;display:flex}.brand{color:#172554;letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:9px;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#4f46e5;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.save-status{color:#64708a;text-align:center;flex:1;font-size:13px}.account{color:#526079;align-items:center;gap:10px;font-size:13px;display:flex}.button{color:#1f2a44;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:650;display:inline-flex}.button.primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.button.primary:hover{background:#4338ca}.button.secondary{background:#f9faff;border-color:#cbd4e8}.button.quiet,.button.small{background:#fff;border-color:#d8dfed}.button.small{min-height:31px;padding:0 9px;font-size:12px}.button.danger{color:#fff;background:#c24143}.danger-outline{color:#b4232c;border-color:#edc8cb!important}.icon-button,.close{color:#516079;background:0 0;border:0;border-radius:6px;place-items:center;padding:6px;display:grid}.icon-button:hover{background:#edf0f8}.auth-page,.loading-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dde3f0;border-radius:14px;width:min(100%,420px);padding:34px;box-shadow:0 20px 60px #1e293b14}.auth-card h1{letter-spacing:-.04em;margin:28px 0 8px;font-size:27px}.auth-card p{color:#64708a;line-height:1.5}form,.field-stack{gap:14px;display:grid}label{color:#3b4761;gap:6px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#172554;background:#fff;border:1px solid #cad3e6;border-radius:6px;width:100%;min-height:37px;padding:8px 10px}textarea{resize:vertical;min-height:76px}.auth-card form{margin-top:26px}.form-error{margin:0;color:#b4232c!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.library{max-width:1100px;margin:0 auto;padding:54px 28px 78px}.library-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:37px;display:flex}h1,h2,h3,p{margin-top:0}.library h1{letter-spacing:-.045em;margin-bottom:7px;font-size:32px}.library-heading p,.muted{color:#65718a}.library-actions{gap:9px;display:flex}.new-project{color:#3730a3;background:#e8edff;border:1px solid #ced8ff;border-radius:10px;align-items:center;gap:13px;margin-bottom:43px;padding:16px;display:flex}.new-project form{flex:1;align-items:end;gap:10px;display:flex}.new-project label{flex:1}.new-project input{background:#fff}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-title h2{letter-spacing:-.015em;margin:0;font-size:16px}.section-title span{color:#7b879f;font-size:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.project-card{text-align:left;color:#1d2944;background:#fff;border:1px solid #dde3ef;border-radius:9px;align-content:start;gap:8px;min-height:138px;padding:18px;display:grid}.project-card:hover{border-color:#8fa1db;box-shadow:0 5px 14px #2538660d}.project-card small{color:#6e7b93}.project-icon{color:#4f46e5}.empty{text-align:center;color:#68748d;background:#fafbfe;border:1px dashed #cbd5e8;border-radius:9px;align-content:center;place-items:center;min-height:170px;padding:30px;display:grid}.empty h3{color:#34415d;margin:11px 0 3px}.empty p{margin:0}.media-summary{margin-top:48px}.media-list{background:#fff;border:1px solid #dde3ef;border-radius:9px;overflow:hidden}.media-list>div{border-bottom:1px solid #edf0f6;align-items:center;gap:10px;padding:10px 13px;font-size:13px;display:flex}.media-list>div:last-child{border:0}.media-list svg{color:#5864be}.media-list small{color:#758097;margin-left:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:5;background:#111a2d80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(100%,460px);padding:31px;position:relative;box-shadow:0 20px 60px #0b112299}.modal>svg{color:#4f46e5}.modal h2{letter-spacing:-.03em;margin:14px 0 8px}.modal p{color:#5f6c85;line-height:1.5}.modal .close{font-size:24px;position:absolute;top:10px;right:12px}.check{align-items:center;gap:8px;margin:22px 0;display:flex}.check input{width:auto;min-height:auto}.modal-actions{margin-bottom:16px}.modal small{color:#71809a;line-height:1.45}.editor-shell{flex-direction:column;min-height:calc(100vh - 58px);display:flex}.editor-bar{background:#fff;border-bottom:1px solid #dce2f0;align-items:center;gap:14px;height:62px;padding:0 18px;display:flex}.back{color:#4f46e5;background:0 0;border:0;padding:7px 3px;font-weight:650}.back:before{content:"‹";vertical-align:-2px;padding-right:4px;font-size:22px}.title-input{color:#778299;align-items:center;gap:10px;font-size:12px;font-weight:550;display:flex}.title-input input{border:0;width:250px;min-height:auto;padding:4px;font-size:15px;font-weight:720}.editor-actions{gap:8px;margin-left:auto;display:flex}.share-panel{background:#eef1ff;border-bottom:1px solid #cdd5ff;justify-content:flex-end;align-items:end;gap:8px;padding:9px 18px;display:flex}.share-panel label{align-items:center;gap:8px;display:flex}.share-panel select{width:185px;min-height:31px}.conflict{color:#7a1f25;background:#fff1f1;border-bottom:1px solid #f2caca;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.conflict button{color:#7a1f25;background:0 0;border:0;margin-left:auto;text-decoration:underline}.read-only{color:#50607c;background:#f2f5fa;border-bottom:1px solid #dce2f0;padding:9px 18px;font-size:13px}.render-status{color:#3730a3;background:#eef1ff;align-items:center;gap:10px;padding:8px 18px;font-size:13px;display:flex}.render-status.failed{color:#9a2b30;background:#fff1f1}.render-status.done{color:#17603a;background:#effcf4}.render-status a,.render-status button{color:inherit;font:inherit;font-weight:700}.music-controls{background:#fff;border-top:1px solid #dce2f0;padding:10px 18px}.transcript-review{color:#3730a3;background:#eef1ff;border-bottom:1px solid #cdd5ff;gap:8px;padding:12px 18px;display:grid}.music-controls select{width:190px;min-height:30px}.music-row{grid-template-columns:1.5fr repeat(3,120px) 65px 28px;align-items:center;gap:8px;padding-top:8px;font-size:12px;display:grid}.music-row label{gap:2px;font-size:10px}.music-row input{min-height:25px;padding:3px}.music-row input[type=checkbox]{width:auto}.inspector-fields{border:0;min-inline-size:0;margin:0;padding:0}.editor-workspace{flex:1;grid-template-columns:190px minmax(380px,1fr) 285px;min-height:610px;display:grid}.scene-rail,.inspector{background:#fff}.scene-rail{border-right:1px solid #dce2f0;flex-direction:column;display:flex}.rail-heading{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;padding:13px;font-size:13px;font-weight:720;display:flex}.scene-list{align-content:start;gap:4px;padding:8px;display:grid;overflow:auto}.scene-item{text-align:left;color:#526079;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:22px 1fr;gap:2px 7px;padding:9px;font-size:11px;display:grid}.scene-item>span{color:#758097;grid-row:span 2}.scene-item strong{color:#3c4962;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-item small{color:#8490a6}.scene-item.active{background:#eef1ff;border-color:#cdd5ff}.rail-bottom{border-top:1px solid #edf0f6;margin-top:auto;padding:10px}.canvas-area{background:#e8ecf4;flex-direction:column;justify-content:space-between;min-width:0;padding:28px 28px 0;display:flex}.preview{aspect-ratio:16/9;background:#101827;place-items:center;width:min(100%,820px);margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 17px 33px #17255425;container-type:inline-size}.preview-stage{width:100%;height:100%;position:relative;overflow:hidden}.preview-content{width:100%;height:100%;position:relative}.preview-overlays{pointer-events:none;position:absolute;inset:0;overflow:hidden}.has-background-media .preview-stage{width:93.3333%;height:88.1482%}.background-media{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0}.frame-decoration{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-media{object-fit:contain;background:#101827;width:25%;height:25%;position:absolute;top:3.7037%;right:2.08333%}.layout-split .preview-content>video:first-child{object-fit:contain;width:50%}.layout-split .camera-media{border:0;border-radius:0;width:50%;height:100%;inset:0 0 0 50%}.overlay img{object-fit:contain;width:100%;height:100%;display:block}.active-word{color:#facc15}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes overlay-slide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.preview video{object-fit:contain;background:#0b1020;width:100%;height:100%;display:block}.preview-meta{color:#fff;background:linear-gradient(#0000,#101827d9);justify-content:space-between;padding:8px 10px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.preview-meta span{align-items:center;gap:5px;display:inline-flex}.preview-empty{aspect-ratio:16/9;color:#b9c5dc;background:#171f30;align-content:center;align-self:center;place-items:center;gap:9px;width:min(90%,730px);margin:auto;display:grid}.missing-media{color:#fff;background:#1c2538;place-items:center;height:100%;display:grid}.overlay{word-break:break-word;line-height:1.1;position:absolute;overflow:hidden}.overlay.text{text-shadow:0 1px 6px #0009;font-family:Studio DejaVu,sans-serif;font-weight:400}.caption{color:#fff;text-align:center;text-shadow:0 2px 8px #000;font-family:Studio DejaVu,sans-serif;font-size:2.1875cqw;font-weight:400;position:absolute;bottom:11%;left:10%;right:10%}.timeline{background:#fff;border-top:1px solid #dce2f0;width:calc(100% + 56px);margin-left:-28px;padding:13px 20px 17px}.timeline-label{color:#5b6780;align-items:center;gap:6px;margin-bottom:9px;font-size:12px;display:flex}.timeline-label span{color:#8b96aa;margin-left:auto}.track{gap:3px;height:47px;display:flex}.clip{color:#526078;text-align:left;white-space:nowrap;background:#dfe5f7;border:1px solid #c7d1ef;border-radius:4px;min-width:40px;padding:7px;font-size:11px;overflow:hidden}.clip span{padding-right:4px;font-weight:800}.clip.active{color:#27236f;background:#cdd4ff;border-color:#6972d6}.inspector{border-left:1px solid #dce2f0;overflow:auto}.inspector-tabs{border-bottom:1px solid #e6eaf2;flex-wrap:wrap;gap:2px;padding:0 9px;display:flex;overflow-x:auto}.inspector-tabs button{color:#738097;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 7px 10px;font-size:11px}.inspector-tabs button.active{color:#3730a3;border-bottom-color:#4f46e5;font-weight:750}.field-stack{padding:16px}.subsection{border-top:1px solid #e6eaf2;padding-top:14px}.inline-heading{color:#4b5871;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.text-button{color:#4f46e5;background:0 0;border:0;padding:2px;font-size:12px;font-weight:700}.keyframe,.twocol{grid-template-columns:1fr 1fr auto;align-items:end;gap:7px;margin:7px 0;display:grid}.keyframe label,.twocol label{font-size:10px}.keyframe input,.twocol input{min-height:31px;padding:5px}.twocol{grid-template-columns:1fr 1fr}.color-row{gap:7px;display:flex}.color-row button{border:2px solid #fff;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #c8d0e0}.color-row button.selected{box-shadow:0 0 0 2px #4f46e5}.help{color:#7b879d;margin:0;font-size:11px;line-height:1.45}.two-buttons{gap:7px;display:flex}.overlay-form,.caption-form{border:1px solid #e0e5ef;border-radius:7px;gap:8px;padding:10px;display:grid}.inspector-empty{color:#728099;padding:20px;font-size:13px}.scene-tools{background:#fff;border-top:1px solid #dce2f0;align-items:center;gap:8px;min-height:53px;padding:9px 17px;display:flex}.share-result{color:#526079;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.share-result a{color:#4338ca}.notice{z-index:10;color:#17603a;background:#f0fdf4;border:1px solid #bfe5ce;border-radius:8px;align-items:center;gap:12px;max-width:420px;padding:11px 13px;font-size:13px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 25px #17255420}.notice.error{color:#8c2028;background:#fff5f5;border-color:#f0c3c3}.notice button{color:currentColor;background:0 0;border:0;margin-left:auto;font-size:18px}.share-page{background:#f4f6fb;min-height:100vh;padding:22px}.shared-project{max-width:900px;margin:80px auto}.shared-project h1{letter-spacing:-.04em}.shared-project>p{color:#69768e;text-align:center;margin:20px}@media (width<=960px){.editor-workspace{grid-template-columns:160px minmax(340px,1fr)}.inspector{border:0;border-top:1px solid #dce2f0;grid-column:1/-1;min-height:260px}.field-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.subsection,.overlay-form,.caption-form{grid-column:1/-1}}@media (width<=680px){.topbar{padding:0 12px}.account span,.save-status{display:none}.library{padding:32px 17px}.library-heading{display:grid}.library-actions{flex-wrap:wrap}.new-project,.new-project form{display:grid}.editor-bar{padding:0 10px}.title-input input{width:130px}.editor-actions .quiet{padding:0 8px;font-size:0}.editor-workspace{flex-direction:column;display:flex}.scene-rail{border:0;min-height:114px}.scene-list{display:flex;overflow-x:auto}.scene-item{min-width:125px}.canvas-area{min-height:320px;padding:17px 17px 0}.timeline{width:calc(100% + 34px);margin-left:-17px}.inspector{min-height:auto}.field-stack{grid-template-columns:1fr}.scene-tools{flex-wrap:wrap}.share-result{width:100%;margin-left:0}.project-grid{grid-template-columns:1fr 1fr}}.template-row{flex-wrap:wrap;gap:6px;display:flex}.template-row>button:first-child{flex:1}