@font-face{font-family:ExplainerArabic;src:url(/assets/NotoSansArabic-Regular-lNU74rDX.ttf) format("truetype");font-display:swap}@font-face{font-family:ExplainerCJK;src:url(/assets/NotoSansCJK-SC-Regular-CBZc5LWA.woff2) format("woff2");font-display:swap;unicode-range:U+3000-30FF,U+3400-9FFF,U+FF00-FFEF}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,ExplainerCJK,ExplainerArabic,sans-serif;color:#dedee0;background:#111112;color-scheme:dark;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{transition:background .12s,border-color .12s}button,.button{cursor:pointer;border:1px solid #37373a;border-radius:5px;background:#242426;padding:8px 12px}button:hover,.button:hover{background:#333336}button:disabled{opacity:.35;cursor:default}input,textarea,select{background:#242426;border:1px solid #37373a;border-radius:5px;padding:8px;min-width:0;width:100%}input:focus,textarea:focus,select:focus{outline:1px solid #858589}textarea{resize:vertical}a{color:inherit;text-decoration:none}h1{font-size:26px;font-weight:550}small,.muted{color:#818187}.primary{background:#dedee0;color:#171719;border-color:#dedee0}.primary:hover{background:#fff}.danger{color:#e49595}.spacer{flex:1}header{height:64px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid #2b2b2e;background:#171718}.brand{white-space:nowrap;font-size:15px}.brand strong{font-weight:550}.divider{height:20px;width:1px;background:#37373a}.project-name{width:210px;background:transparent;border-color:transparent}header .muted{white-space:nowrap}.error{background:#392525;border-bottom:1px solid #724040;padding:12px 24px;display:flex;justify-content:space-between}.library{max-width:1060px;margin:80px auto;padding:24px}.library h1{margin:12px 0}.create{display:flex;gap:10px;margin:32px 0}.create input{flex:1}.create select{width:130px}.create button{white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.project-card{text-align:start;padding:18px;background:#1b1b1d}.project-card>div{height:110px;display:grid;place-items:center;background:#242426;border-radius:5px;font-size:30px;margin-bottom:16px}.workspace{height:calc(100vh - 200px);min-height:510px;display:grid;grid-template-columns:210px minmax(280px,1fr) 300px}.rail,.inspector{background:#19191b;overflow:auto;padding:16px;border-right:1px solid #2b2b2e}.inspector{border-right:0;border-left:1px solid #2b2b2e}.section-title{display:flex;align-items:center;justify-content:space-between;font-weight:550;margin-bottom:16px}.section-title button{padding:3px 8px}.scene-card{display:block;text-align:start;width:100%;padding:10px;margin-bottom:12px;background:#202022}.scene-card.active{border-color:#aaaab2;background:#2c2c30}.thumbnail{height:74px;display:grid;place-items:center;background:#151516;color:#99999f;border-radius:4px;margin-bottom:10px}.scene-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-card small{display:block;margin-top:5px}.stage{display:flex;flex-direction:column;min-width:0;overflow:auto;background-image:radial-gradient(#303034 1px,transparent 1px);background-size:20px 20px}.stage-toolbar{display:flex;justify-content:space-between;padding:18px 24px;background:#111112;gap:12px}.preview-area{display:flex;justify-content:center;align-items:center;padding:24px;flex:1;min-height:280px}.preview{aspect-ratio:9/16;height:min(48vh,560px);max-width:100%;background:#202026;box-shadow:0 12px 40px #0007;overflow:hidden;border-radius:4px;container-type:inline-size}.preview.landscape{aspect-ratio:16/9;height:auto;width:min(100%,750px)}.visual-content{height:100%;position:relative;padding:12% 9% 22%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.visual-content h1{font-size:8cqw;line-height:1.45;margin:3% 0 8%;overflow-wrap:anywhere}.visual-content small{font-size:3cqw;letter-spacing:1px}.visual-content img{max-width:100%;max-height:60%;object-fit:contain;border-radius:6px}.subtitle{position:absolute;bottom:6%;left:9%;right:9%;font-size:4.5cqw;line-height:1.6;margin:0;text-align:center;overflow-wrap:anywhere;max-height:22%;overflow:hidden}.steps{display:grid;gap:10px;font-size:4cqw}.steps>div{padding:10px;border:1px solid #5b5b64;border-radius:5px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:4cqw}.compare>div{padding:12px;background:#393941;border-radius:5px;overflow-wrap:anywhere}.bars{height:140px;display:flex;gap:10px;align-items:flex-end}.bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bars>div>div{background:#b5b5c3;width:100%;border-radius:4px 4px 0 0}.transport{padding:12px 24px;display:flex;gap:14px;align-items:center;background:#151516}.transport .muted{font-size:11px}.stage audio{margin:10px 24px;width:calc(100% - 48px);height:35px}.render-jobs{background:#151516;padding:0 24px}.render-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #303034;font-size:11px}.render-row a{margin-inline-start:auto}.inspector label{display:block;margin:15px 0;color:#a4a4ab;font-size:12px}.inspector label input,.inspector label textarea,.inspector label select{margin-top:7px;color:#dedee0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.code{font-family:monospace;direction:ltr;font-size:11px}.scene-actions{display:flex;gap:6px;padding:20px 0}.scene-actions button{flex:1;padding:8px 5px}.inspector p{font-size:11px;line-height:1.6}.source{padding:12px 0;border-bottom:1px solid #37373a}.source a{text-decoration:underline}.timeline{height:136px;background:#19191b;border-top:1px solid #2b2b2e;padding:16px 24px}.timeline .section-title{justify-content:flex-start;gap:18px}.tracks{display:flex;gap:6px;overflow:auto}.tracks button{flex-basis:85px;min-width:85px;height:65px;text-align:start;background:#29292d;overflow:hidden}.tracks button.active{border-color:#aaaab2}.tracks strong{display:block;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracks small{display:block;margin-top:8px}.empty{text-align:center;color:#818187;padding:25px;line-height:1.8}@media(max-width:1100px){.workspace{grid-template-columns:155px minmax(240px,1fr) 260px}header{gap:8px;padding:0 12px}.project-name{width:140px}header>.muted{display:none}.rail,.inspector{padding:12px}}@media(max-width:760px){header{flex-wrap:wrap;height:auto;min-height:64px;padding:12px}.brand{font-size:13px}.workspace{height:auto;display:grid;grid-template-columns:1fr}.rail{display:flex;gap:10px;overflow:auto;align-items:center}.rail .section-title{min-width:70px}.scene-card{min-width:120px;width:120px;margin:0}.thumbnail{height:40px}.stage{min-height:480px}.inspector{border-left:0;border-top:1px solid #2b2b2e}.preview{height:360px}.create{flex-wrap:wrap}.create input{min-width:100%}.library{margin:25px auto}.timeline{height:auto}.transport{flex-wrap:wrap}.stage-toolbar{padding:12px}.inspector label{max-width:100%}}.render-preview{max-height:55vh;max-width:100%;background:#000;border-radius:4px}.preview:not(.landscape) .subtitle{bottom:13%;max-height:10%}.notice{background:#252b25;border-bottom:1px solid #3e513e;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.media-library{border-top:1px solid #37373a;border-bottom:1px solid #37373a;padding:18px 0}.media-tabs{display:flex;gap:6px}.media-tabs button{flex:1}.media-tabs .active{border-color:#aaaab2;background:#35353a}.upload-button{display:block;padding:10px;background:#242426;border:1px dashed #55555d;border-radius:5px;text-align:center;cursor:pointer}.upload-button input{display:block;font-size:11px;margin-top:8px}.media-assets{display:grid;gap:10px;max-height:360px;overflow:auto}.media-card{padding:10px;border:1px solid #37373a;border-radius:5px;background:#202022;min-width:0}.media-card.active{border-color:#aaaab2}.media-card img{width:100%;height:100px;object-fit:contain;background:#141416;border-radius:4px}.media-card audio{width:100%;height:35px}.media-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-size:11px}.media-card small{display:block;margin:5px 0}.media-card button{width:100%;margin-top:5px}.generation-panel{border-top:1px solid #37373a;padding:18px 0}.generation-panel>button{width:100%}.generation-panel p{overflow-wrap:anywhere}.generation-quote{background:#292a2c;border:1px solid #5d5d64;border-radius:6px;padding:12px;margin-top:12px}.generation-quote button{display:block;width:100%;margin-top:10px}.generation-quote small{display:block;line-height:1.7}.generation-jobs{max-height:260px;overflow:auto;margin-top:12px}.generation-job{border:1px solid #37373a;padding:10px;border-radius:5px;margin-top:8px}.generation-job small{display:block;margin:6px 0}.generation-job button{width:100%;margin-top:6px}.login-screen{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;padding:24px}.login-screen .brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:#e8e9e7;color:#171718;border-radius:6px;font-size:21px;font-weight:750}.login-screen h1{font-size:20px;font-weight:450;color:#a9a9b1}.login-link{display:block;padding:12px 22px;border-radius:5px;font-size:13px}.account-menu{position:relative;margin-inline-start:auto}.account-menu summary{cursor:pointer;padding:8px 12px;border:1px solid #37373a;border-radius:5px;list-style:none}.account-menu>div{position:absolute;right:0;top:40px;width:245px;padding:16px;background:#202022;border:1px solid #37373a;box-shadow:0 8px 25px #0006;border-radius:6px;z-index:100}.account-menu p{overflow-wrap:anywhere;font-size:12px;margin:8px 0 16px}.account-menu button{width:100%}