:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eaf2;background:#080a10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}input,textarea,select{color:#e8eaf5;background:#161a23;border:1px solid #343848;border-radius:9px;padding:10px 12px;outline:none;min-width:0}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #a084f8;outline-offset:2px}input[type=range]{appearance:none;background:#252b38;height:5px;padding:0;border:0;border-radius:100px;width:100%;accent-color:#9275ec}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:#a48af7;border:3px solid #e3dafe;border-radius:100%;box-shadow:0 0 0 2px #3a3155}input[type=checkbox]{accent-color:#8b6bef;width:18px;height:18px;min-width:18px}select{width:100%;cursor:pointer}textarea{width:100%;resize:vertical}a{color:inherit}small{font-size:11px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#baa6fc;text-transform:uppercase}.badge-pro{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#b9b6c8;padding:7px 10px;border-radius:7px;background:#1a1b29;border:1px solid #313040;white-space:nowrap}.action{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:770;padding:12px 16px;transition:background .2s ease,transform .2s ease}.action:hover:not(:disabled){transform:translateY(-1px)}.action.main{background:#825de5;color:#fff;border-color:#997ef1;box-shadow:0 5px 25px #654bac24}.action.main:hover:not(:disabled){background:#9875f1}.action.outline{color:#d4d2e0;border-color:#393b49;background:#1a1e27}.action.outline:hover:not(:disabled){background:#292b3a}.action.download{color:#d5f5e2;border-color:#2e7051;background:#1a3e32}.action.block{width:100%;justify-content:center}.action.small{padding:9px 12px}.brand-mark{width:43px;height:43px;background:#8b6aee;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #b09df8 inset}.status-dot{width:7px;height:7px;background:#65d6ab;border-radius:100%;box-shadow:0 0 0 4px #65d6ab14;display:inline-block}.info-box{display:flex;align-items:flex-start;gap:10px;background:#191d29;color:#aeb0c2;font-size:12px;line-height:1.6;border:1px solid #303443;padding:13px 14px;border-radius:9px;margin-top:14px}.info-box svg{flex-shrink:0;margin-top:2px;color:#b397f2}.info-box code{font-size:11px;color:#d5c5fd}.alert-danger,.toast-error{border:1px solid #6b303f;background:#301a26;color:#ffd4dc;border-radius:9px;padding:12px 15px;font-size:12px;line-height:1.5}.toast-error{position:fixed;bottom:28px;right:28px;z-index:80;max-width:530px;display:flex;gap:15px;box-shadow:0 20px 70px #0009}.toast-error button{background:transparent;border:0;color:#fff;padding:0}.loading-screen{height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#090b13;color:#9a8bba;font-size:14px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.07fr .93fr}.login-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:44px clamp(38px,6vw,105px);background:radial-gradient(ellipse at 32% 63%,#2a1c45 0,transparent 55%),linear-gradient(133deg,#10111a 0,#12101c 70%,#181224);border-right:1px solid #322b49}.login-brand{display:flex;align-items:center;gap:15px;font-weight:900;letter-spacing:.1em;font-size:18px}.login-brand small{display:block;font-size:9px;color:#bdafdf;letter-spacing:.19em;margin-top:5px}.login-statement h1{font-weight:870;font-size:clamp(40px,4.7vw,82px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.login-statement h1 em{font-style:normal;color:#b59afa}.login-statement p{color:#c1bacb;font-size:15px;line-height:1.75;max-width:500px}.login-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.login-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#897f9c}.login-side{display:flex;align-items:center;justify-content:center;padding:30px;background:#0c0e14}.login-card{width:min(100%,440px);padding:20px}.login-lock{border:1px solid #413852;background:#231c31;color:#c0a7fc;width:50px;height:50px;border-radius:13px;display:grid;place-items:center;margin-bottom:36px}.login-card h2{font-size:30px;letter-spacing:-.035em;margin:10px 0}.login-card p{color:#9899ac;font-size:14px;line-height:1.6;margin:0 0 36px}.login-card>label{font-size:12px;color:#bcb9cd;display:block;font-weight:650;margin-bottom:20px}.login-card>label input{display:block;width:100%;margin-top:9px;padding:15px}.login-card .main{margin-top:8px;padding:16px}.login-foot{display:flex;gap:9px;align-items:center;justify-content:center;color:#828496;font-size:11px;margin-top:22px}.studio-shell{min-height:100vh;background:radial-gradient(ellipse at 85% -28%,rgba(91,58,158,.1),transparent 55%),#0a0c11}.studio-header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1600px)/2 + 28px));border-bottom:1px solid #292b35;background:#111319}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:900;letter-spacing:.12em}.brand small{font-weight:800;display:block;letter-spacing:.2em;font-size:8px;color:#aaa2c6;margin-top:4px}.header-center{display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.1em;font-weight:720;color:#9ba0ae}.header-center svg{color:#ac94ed}.hdr-separator{height:18px;border-left:1px solid #414251}.workspace-pro{max-width:1600px;margin:auto;padding:32px 28px 44px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:22px;padding:8px 0 28px}.page-title h1{font-size:clamp(28px,2.6vw,42px);letter-spacing:-.045em;line-height:1.13;margin:12px 0}.page-title h1 em{font-style:normal;color:#ae91fc}.page-title p{font-size:13px;color:#999bab;margin:0;line-height:1.6}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.studio-footer{border-top:1px solid #282c36;min-height:65px;padding:0 max(28px,calc((100vw - 1600px)/2 + 28px));display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#777d90;letter-spacing:.07em}.studio-footer span:first-child{display:flex;gap:8px;align-items:center}.upload-layout{display:grid;grid-template-columns:.9fr 1.1fr;background:#11151e;border:1px solid #2c3040;border-radius:15px;overflow:hidden;min-height:470px}.upload-descriptor{padding:clamp(30px,4vw,72px);background:radial-gradient(ellipse at 20% 100%,#39284d80,transparent 80%),#151522;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #2d2c3b}.upload-descriptor h2{font-size:clamp(30px,3.15vw,52px);letter-spacing:-.045em;margin:22px 0;line-height:1.2}.upload-descriptor h2 em{font-style:normal;color:#bc9cff}.upload-descriptor p{color:#adaabf;font-size:14px;line-height:1.8;max-width:450px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.dropper{border:2px dashed #393849;border-radius:14px;background:#12141b;margin:28px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:35px;gap:13px}.drop-icon{background:#221c31;border:1px solid #443653;width:80px;height:80px;border-radius:22px;display:grid;place-items:center;color:#b7a2f4}.dropper h3{font-size:23px;letter-spacing:-.03em;margin:7px 0 0}.dropper p{color:#9b9eaf;font-size:13px;margin:0 0 8px}.dropper small{color:#87899b;margin-top:12px}.production-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(480px,.88fr);align-items:start;gap:19px}.panel{border:1px solid #2c303d;background:#11151d;border-radius:13px;overflow:hidden;box-shadow:0 15px 45px #0000001a}.panel-heading{min-height:53px;padding:0 20px;border-bottom:1px solid #2b2e3b;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading>span{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.1em;font-weight:790;color:#b2b5c5}.panel-heading>div{display:flex;gap:7px}.viewer-area{min-height:415px;background:repeating-linear-gradient(45deg,#13151d,#13151d 16px,#161923 16px 32px);display:grid;place-items:center;padding:22px 15px;overflow:hidden}.monitor{max-width:100%;height:395px;aspect-ratio:9/16;box-shadow:0 12px 55px #000a;background:#000;border:1px solid #363341;overflow:hidden;border-radius:5px;position:relative}.monitor.aspect-16-9{aspect-ratio:16/9;width:min(100%,690px);height:auto}.monitor.aspect-1-1{aspect-ratio:1;width:min(100%,395px);height:auto}.composition{height:100%;width:100%;position:relative;background:#030304;overflow:hidden}.composition>video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.composition .react-element{display:none}.composition.mode-vertical>video:first-child{height:50%;bottom:auto}.composition.mode-vertical .react-element{display:block;top:50%;height:50%}.composition.mode-side>video:first-child{width:50%;right:auto}.composition.mode-side .react-element{display:block;left:50%;width:50%}.composition.mode-pip .react-element{display:block;left:auto;right:5%;top:3%;width:39%;height:27%;border:2px solid #e9e9ee;border-radius:8px;box-shadow:0 3px 16px #0008}.support-overlay{position:absolute;z-index:3;overflow:hidden;border:1px solid #c5c5cf;border-radius:5px}.support-pip{width:40%}.support-full{inset:0}.support-overlay img,.support-overlay video{width:100%;height:100%;object-fit:cover;display:block}.caption-stage{position:absolute;z-index:5;left:7%;width:86%;text-align:center;transform:translateY(-50%);color:#fff;font-family:Impact,Arial,sans-serif;font-weight:900;letter-spacing:.02em;line-height:1.04;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 4px 8px #000;overflow-wrap:anywhere}.caption-stage.style-amarelo{color:#ffdf50}.caption-stage.style-impacto{color:#ffdf50;background:#14121edd;border-radius:4px;padding:9px 5px}.caption-stage.style-clean{font-family:Arial,sans-serif;line-height:1.2}.caption-stage.style-karaoke .activeword{color:#ffdf50}.transport{height:64px;display:flex;align-items:center;gap:14px;padding:0 21px;border-top:1px solid #2a2d36;border-bottom:1px solid #2a2d36}.transport-play{background:#7251cd;border:0;border-radius:9px;width:35px;height:35px;display:grid;place-items:center;color:#fff;flex-shrink:0}.transport-time{white-space:nowrap;font-weight:750;font-size:12px}.transport-time span{color:#73798b}.transport input[type=range]{flex:1;min-width:30px}.preview-disclaimer{font-size:10px;color:#7e8194;max-width:110px}.timeline-mini{padding:20px}.timeline-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.timeline-meta b{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.05em}.timeline-meta span{font-size:10px;color:#8c90a2}.clip-rail{display:flex;gap:4px;min-height:70px}.clip-rail-segment{display:flex;flex-direction:column;align-items:start;justify-content:space-between;min-width:28px;padding:10px 12px;border-radius:6px;border:1px solid #6451a9;color:#d7cafa;background:linear-gradient(135deg,#3b2d62,#231d3b);text-align:left}.clip-rail-segment.active{border-color:#d3b6ff;background:linear-gradient(135deg,#5b418d,#30254b)}.clip-rail-segment small{color:#9d93b5}.track-rail{display:flex;align-items:center;gap:12px;margin-top:8px;min-height:18px}.track-rail>span{width:65px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#797e90}.track-rail>div{flex:1;height:16px;border-radius:4px;position:relative;overflow:hidden;background:#222733}.track-main{border:1px solid #614a8a}.track-subtitle{background:#a78248!important;max-width:100%}.track-broll>span{position:absolute;top:2px;bottom:2px;background:#3e8f83;border-radius:3px}.file-chip{display:flex;gap:10px;align-items:center;border-top:1px solid #2a2d35;margin-top:16px;padding-top:16px;min-width:0;color:#afaacb}.file-chip>span{min-width:0;flex:1}.file-chip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;font-size:11px;color:#e3e1ec}.file-chip small{display:block;color:#777b8d;margin-top:4px}.file-chip button{background:transparent;color:#c0a6ff;border:0;font-size:11px;font-weight:700;white-space:nowrap}.controls{min-height:670px}.tabbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid #2b2d3a;background:#151924}.tabbar button{background:transparent;border:0;border-bottom:2px solid transparent;color:#858a9e;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:17px 2px;font-weight:750;font-size:10px}.tabbar button.selected{color:#cebaff;background:#211d30;border-bottom-color:#9c7bf0}.control-scroll{min-height:610px;max-height:820px;overflow:auto;scrollbar-color:#454255 #151924;scrollbar-width:thin}.tab-pane{padding:24px}.pane-title{margin-bottom:23px}.pane-title h2{font-size:23px;line-height:1.14;letter-spacing:-.03em;margin:10px 0}.pane-title p{font-size:12px;line-height:1.7;color:#9396aa;margin:0}.field{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:#9da1b2;margin:14px 0}.field select,.field textarea{display:block;width:100%;margin-top:9px;letter-spacing:0;font-weight:450;font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:23px 0 12px}.section-title h3{font-size:13px;margin:0}.section-title>div{display:flex;gap:8px}.suggestion-list{display:grid;gap:10px}.suggestion-pro{background:#191d29;color:inherit;border:1px solid #38374b;border-radius:9px;padding:13px;text-align:left;width:100%}.suggestion-pro:hover{border-color:#8c75d4}.suggestion-pro>div{display:flex;gap:13px;align-items:center}.suggestion-pro>div b{color:#9880db;font-size:11px}.suggestion-pro>div strong{font-size:12px;flex:1}.suggestion-pro>div span{font-size:12px;font-weight:900;color:#d6b7ff}.suggestion-pro p{font-size:12px;color:#cbc8d6;line-height:1.45;margin:9px 0}.suggestion-pro small{font-size:10px;color:#8d93a9}.empty-pane{padding:24px;background:#181b26;border:1px dashed #3a3b4b;border-radius:10px;text-align:center;color:#9698a9;display:flex;flex-direction:column;align-items:center;gap:11px;font-size:12px}.empty-pane b{color:#dddce8}.empty-pane p{line-height:1.5;max-width:230px;margin:0}.tool-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.clip-list{display:grid;gap:11px;margin-top:19px}.clip-card{border:1px solid #313544;background:#171c27;border-radius:10px;padding:13px}.clip-card.active{border-color:#8673c9}.clip-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.clip-title>button{border:0;background:transparent;color:#c7b4ff;font-size:12px;font-weight:750;display:flex;gap:8px;align-items:center}.clip-title>div{display:flex;gap:6px}.clip-title>div button,.media-heading>button,.caption-edit>div:first-child button{border:0;color:#aaa8b9;background:#292e3d;border-radius:6px;padding:5px;display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label,.transition-editor label{font-size:10px;font-weight:720;color:#969bad}.form-grid input,.form-grid select,.transition-editor input,.transition-editor select{display:block;margin-top:7px;width:100%;font-size:12px;padding:9px 10px}.transition-editor{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;margin-top:13px}.range-stack{display:grid;gap:18px;margin:25px 0}.control-range{display:block}.control-range>span{display:flex;justify-content:space-between;gap:9px;font-size:12px;color:#a9adbd;margin-bottom:9px}.control-range>span b{color:#e7e1ff;font-size:11px}.control-range input{width:100%}.switch{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#bcc0d0;border:1px solid #343745;background:#1b1e28;padding:12px 14px;border-radius:8px;margin:18px 0}.switch.consent{align-items:flex-start;line-height:1.5}.switch input{margin:0}.caption-rows{display:grid;gap:11px;max-height:320px;overflow:auto;margin-bottom:13px}.caption-edit{background:#1a1e29;border:1px solid #333747;border-radius:10px;padding:11px}.caption-edit>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#8e94ac;font-size:10px;font-weight:750;margin-bottom:8px}.caption-edit textarea{font-size:12px;margin-bottom:9px}.media-card{padding:14px;margin:13px 0;border:1px solid #363849;background:#1a1e29;border-radius:10px}.media-heading{display:flex;gap:10px;align-items:center;color:#bfaff8}.media-heading>div{flex:1;min-width:0}.media-heading b{color:#eee8fa;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-heading small{display:block;color:#85899b;margin-top:5px}.media-card .control-range{margin-top:18px}.ai-result{margin-top:20px;border-radius:9px;background:#1f2330;border:1px solid #4a4074;padding:16px}.ai-result strong{color:#d8c8ff;font-size:12px}.ai-result p{color:#c3c1d2;white-space:pre-wrap;font-size:12px;line-height:1.7}.output-panel{border:1px solid #473a66;background:#1a1826;border-radius:13px;padding:18px 20px;margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:16px}.output-summary{display:flex;align-items:center;gap:14px;min-width:0}.output-icon{width:40px;height:40px;background:#2c2840;color:#a9f1d0;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.output-summary strong{font-size:13px}.output-summary p{font-size:11px;color:#9996ae;margin:5px 0 0;line-height:1.5}.output-buttons{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.busy-progress{margin-top:15px}.busy-track{width:100%;background:#272638;border-radius:10px;height:7px;overflow:hidden}.busy-track>div{height:100%;background:#a487f6;transition:width .25s}.busy-progress small{color:#9895ab;display:block;margin-top:8px}@media(max-width:1200px){.production-grid{grid-template-columns:1fr}.control-scroll{max-height:none}.controls{min-height:0}.viewer-area{min-height:380px}.tab-pane{max-width:900px;margin:auto}.preview-disclaimer{max-width:none}}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{min-height:330px;padding:30px}.login-statement h1{font-size:38px}.login-statement p{display:none}.login-statement{margin:30px 0}.login-side{padding:30px 15px}.login-card{padding:12px}.login-lock{margin-bottom:20px}.studio-header{padding:0 18px}.header-center{display:none}.workspace-pro{padding:23px 15px}.page-title{align-items:start;flex-direction:column}.page-actions{width:100%}.upload-layout{grid-template-columns:1fr}.upload-descriptor{padding:28px;border-bottom:1px solid #30303c}.upload-descriptor h2{font-size:32px}.upload-descriptor p{font-size:13px}.dropper{min-height:280px;margin:16px}.output-panel{flex-direction:column;align-items:stretch}.output-buttons{justify-content:stretch}.output-buttons>*{flex:1}.studio-footer{padding:17px;flex-wrap:wrap}}@media(max-width:510px){.studio-header{height:66px}.brand{font-size:13px}.brand-mark{height:37px;width:37px}.page-title h1{font-size:30px}.page-actions .badge-pro{display:none}.panel-heading{padding:0 12px}.panel-heading .badge-pro{padding:5px;font-size:9px}.viewer-area{min-height:340px;padding:12px}.monitor{height:325px}.monitor.aspect-1-1{width:320px}.transport{padding:0 10px;gap:9px}.preview-disclaimer{display:none}.timeline-mini{padding:13px}.tabbar button{padding:13px 1px;font-size:9px}.tabbar button svg{width:15px}.tab-pane{padding:16px}.pane-title h2{font-size:20px}.tool-row .action{flex:1}.output-buttons .action{font-size:11px;padding:11px 8px}.login-brand{font-size:15px}.login-art{min-height:280px}.login-statement h1{font-size:30px}}.live-react-overlay{position:fixed;inset:0;background:#04050bf2;z-index:100;overflow:auto;padding:22px;display:flex;align-items:flex-start;justify-content:center}.live-react-window{width:min(1260px,100%);border:1px solid #48405f;border-radius:17px;background:#141722;box-shadow:0 35px 95px #000a;overflow:hidden;color:#ebe9f5}.live-top{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #30313f}.live-heading{display:flex;align-items:center;gap:12px}.live-heading h2{margin:3px 0;font-size:19px;letter-spacing:-.03em}.live-icon{display:grid;place-items:center;background:#38214a;color:#d4a7fc;border-radius:11px;width:42px;height:42px;flex-shrink:0}.live-content{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,.85fr);gap:24px;padding:24px}.live-preview-column{display:flex;flex-direction:column;align-items:center;min-width:0}.live-stage{height:min(64vh,620px);max-width:100%;aspect-ratio:9/16;position:relative;border-radius:14px;overflow:hidden;border:1px solid #575171;background:#10121b;box-shadow:0 12px 40px #0005}.live-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.live-record-indicator{position:absolute;left:12px;top:12px;border-radius:8px;padding:7px 11px;background:#b43249;color:#fff;font-weight:800;letter-spacing:.07em;font-size:11px}.live-camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#10131cd9;color:#b9b0cc;text-align:center;padding:30px}.live-camera-placeholder small{font-size:11px;color:#88899e}.live-hidden-video{position:absolute;left:-99999px;top:-99999px;width:2px;height:2px;opacity:0;pointer-events:none}.live-transport{display:flex;justify-content:space-between;gap:12px;width:100%;max-width:400px;padding:10px 0;font-size:11px;color:#a9a2bc}.live-transport span:first-child{display:flex;align-items:center;gap:7px}.live-privacy{max-width:400px;font-size:11px;line-height:1.7;color:#918ca4;border:1px solid #363447;border-radius:9px;padding:12px 14px;display:flex;gap:10px;align-items:start}.live-privacy svg{flex-shrink:0;color:#9fe2c0;margin-top:2px}.live-controls{display:grid;gap:16px;align-content:start;max-height:75vh;overflow:auto;scrollbar-color:#4a435f #141722}.live-section{padding:16px;background:#1a1e2b;border:1px solid #36374a;border-radius:12px}.live-section h3{font-size:13px;margin:0 0 12px;display:flex;gap:9px;align-items:center;color:#e0d1ff}.live-section .field{margin:10px 0}.live-section .control-range{margin-top:15px}.live-section select{width:100%;background:#131824;border:1px solid #424257;color:#e7e4f1;border-radius:7px;padding:11px 10px}.live-layouts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-layouts button{background:#252638;color:#c7bfda;border:1px solid #454257;border-radius:8px;padding:10px;font-size:11px;font-weight:750;cursor:pointer}.live-layouts button.selected{border-color:#ab85fa;color:#f0e5ff;background:#3c2c57}.live-layouts button:disabled{opacity:.55;cursor:not-allowed}.live-buttons{display:flex;gap:10px;flex-wrap:wrap}.live-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-note{font-size:11px;color:#8b91a5;line-height:1.6;margin:12px 0 0}.live-section .switch{margin:12px 0;background:#22283a}.live-section .switch span{display:flex;gap:9px;align-items:center}.live-error{padding:13px 23px;background:#49232b;color:#ffe8e8;font-size:12px;display:flex;justify-content:space-between;gap:10px}.live-error button{border:0;background:transparent;color:#fff;cursor:pointer}.live-footer{padding:17px 24px;border-top:1px solid #353446;background:#181b27;display:flex;flex-direction:column;gap:13px}.live-message{display:flex;align-items:center;gap:10px;font-size:11px;color:#aea8c0}.live-message svg{color:#a1e2c0;flex-shrink:0}.live-result{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.live-result>b{font-size:11px;color:#cde6d6;margin-right:6px}.live-result>svg{color:#a1e2c0}@media(max-width:850px){.live-react-overlay{padding:8px}.live-content{grid-template-columns:1fr;gap:15px;padding:14px}.live-top{padding:15px;flex-wrap:wrap}.live-stage{height:min(64vh,550px)}.live-controls{max-height:none}.live-footer{padding:15px}.live-buttons>*{flex:1}}@media(max-width:480px){.live-heading h2{font-size:16px}.live-react-overlay{padding:0}.live-react-window{border-radius:0;border:0;min-height:100vh}.live-result .action{flex:1}.live-layouts{grid-template-columns:1fr 1fr}}:root{color-scheme:dark;--pro-bg:#0b0d12;--pro-panel:#15171d;--pro-border:#30323c;--pro-quiet:#8d91a3;--pro-primary:#9477e7}.studio-shell{background:var(--pro-bg);min-height:100vh}.studio-header{height:70px;background:#101116;border-bottom:1px solid #282b32;position:relative;z-index:40}.studio-header .brand{font-size:13px;letter-spacing:.1em}.studio-header .brand-mark{width:38px;height:38px;background:#8063db;border-radius:10px}.studio-header .header-center{font-size:10px;color:#7f8795;letter-spacing:.06em}.studio-menu{position:relative}.studio-menu>summary{display:flex;align-items:center;gap:9px;border:1px solid #383946;border-radius:10px;background:#1a1c25;padding:10px 14px;color:#d8dae3;font-size:12px;font-weight:700;cursor:pointer;list-style:none;min-width:91px;justify-content:center}.studio-menu>summary::-webkit-details-marker{display:none}.studio-menu[open]>summary,.studio-menu>summary:hover{background:#262735;border-color:#66579b}.studio-menu-popover{position:absolute;right:0;top:calc(100% + 10px);width:215px;z-index:80;background:#191b25;border:1px solid #3a3c4b;border-radius:13px;padding:7px;box-shadow:0 26px 70px #000a;display:grid;gap:2px}.studio-menu-popover button{display:flex;align-items:center;gap:11px;color:#e4e4ee;padding:12px 11px;text-align:left;border:0;border-radius:8px;background:transparent;font-size:12px;cursor:pointer}.studio-menu-popover button:hover:not(:disabled){background:#292a39}.studio-menu-popover button svg{color:#a795df}.workspace-pro{max-width:1440px;padding-top:26px}.page-title{padding:7px 0 29px}.page-title h1{font-size:clamp(32px,3vw,45px);font-weight:750;margin:12px 0}.page-title-compact{padding-bottom:20px}.page-title-compact h1{font-size:clamp(22px,2vw,28px);margin:8px 0}.page-title-compact p{font-size:12px}.page-context{display:flex;align-items:center;gap:9px;color:#a2a6b4;font-size:11px;white-space:nowrap}.page-context svg{color:#86b9a6}.context-divider{height:17px;border-left:1px solid #464753;margin:0 4px}.upload-layout,.panel{border-radius:16px;border-color:#30323b;background:var(--pro-panel)}.upload-layout{min-height:440px}.upload-descriptor{background:linear-gradient(140deg,#1d182b,#151720 70%)}.upload-feature-line{display:flex;align-items:center;gap:10px;font-size:12px!important;margin-top:30px;color:#a3a0b9!important}.dropper{border:1px dashed #585063;border-radius:15px;background:#171820}.drop-icon{width:66px;height:66px;border-radius:17px;background:#2d223d}.dropper h3{font-size:22px}.production-grid{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:16px}.panel-heading{min-height:49px;border-color:#2e303a}.monitor-info{font-size:10px;color:#8f94a7;letter-spacing:.02em}.viewer-area{min-height:390px;background:#101117}.monitor{height:392px;border:1px solid #30313c;border-radius:9px;box-shadow:0 20px 50px #0009}.transport{border-color:#292c36}.timeline-mini{border-color:#2c2f36}.file-chip button{border:1px solid #373949;border-radius:8px;padding:8px 10px;display:grid;place-items:center}.file-chip button:hover{background:#292b37}.controls{min-height:570px}.control-scroll{min-height:550px;max-height:765px;scrollbar-color:#424251 #161820}.tabbar{display:flex;align-items:stretch;gap:4px;padding:9px 11px;border-color:#30313b;background:#171920}.tabbar button{flex:1;min-width:0;display:flex;flex-direction:row;gap:7px;padding:12px 8px;font-size:12px;border:1px solid transparent;border-radius:9px;color:#979bae}.tabbar button.selected{color:#ebe5ff;background:#342c47;border:1px solid #5a4a7b}.tabbar button:hover:not(.selected){background:#262832;color:#e5e6eb}.extra-tools{position:relative;flex:1.18;display:flex;align-items:center;min-width:0;border:1px solid transparent;border-radius:9px;cursor:pointer}.extra-tools.selected{border-color:#5a4a7b;background:#342c47}.extra-tools select{appearance:none;height:100%;border:0!important;background:transparent!important;color:#aeb2c0;font-size:11px;font-weight:700;padding:7px 21px 7px 7px;cursor:pointer;text-overflow:ellipsis;min-width:0}.extra-tools.selected select{color:#ebe5ff}.extra-tools>svg{position:absolute;right:6px;pointer-events:none;color:#a4a6b5}.extra-tools option{background:#1b1d28;color:#eef}.tab-pane{padding:22px}.pane-title{margin-bottom:24px}.pane-title h2{font-size:22px;font-weight:720;letter-spacing:-.025em}.pane-title p{font-size:12px;line-height:1.75;color:#8f95a7}.pane-title .eyebrow{font-size:9px;color:#a794df}.action{border-radius:10px;box-shadow:none!important}.action:hover:not(:disabled){transform:none}.action.main{background:#8d71db;border-color:#aa96ed;font-weight:750;letter-spacing:.01em}.action.main:hover:not(:disabled){background:#a58be9}.action.outline{background:#21232d;border-color:#393b47}.tab-pane>.action.main.block{padding:14px}.helper-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#9599a8;line-height:1.6;margin:12px 0 24px}.helper-note svg{color:#87c6a4;flex-shrink:0}.quiet-count{font-size:10px;color:#9197a7;white-space:nowrap}.advanced-options{border:1px solid #333641;background:#1a1c25;border-radius:11px;margin:15px 0;overflow:hidden}.advanced-options>summary{list-style:none;cursor:pointer;color:#d3d4e2;font-size:12px;font-weight:650;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.advanced-options>summary::-webkit-details-marker{display:none}.advanced-options>summary:hover{background:#252735}.advanced-options>summary svg{color:#9fa0b2;transition:transform .2s}.advanced-options[open]>summary svg:last-child{transform:rotate(180deg)}.advanced-options-inner{padding:3px 15px 15px;border-top:1px solid #30333d;display:grid;gap:10px}.advanced-options-inner .action{margin-top:10px}.advanced-options-inner p{font-size:11px;line-height:1.6;color:#989bad;margin:6px 0}.advanced-options-inner.range-stack{display:block}.advanced-options-inner .switch{margin-bottom:0}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#b0b3c3}.timeline-history{display:flex;gap:7px}.timeline-history button{border:1px solid #393c47;border-radius:8px;background:#22242e;color:#c8c6d8;display:grid;place-items:center;padding:9px}.timeline-history button:hover:not(:disabled){background:#302a41}.suggestion-pro{background:#1c1f28;border:1px solid #323540;border-radius:10px}.suggestion-pro:hover{border-color:#7e6aa8}.section-title h3{font-size:12px}.clip-card,.media-card{background:#1b1e26;border-color:#333540}.output-panel{background:#17191f;border:1px solid #3c3b49;border-radius:14px;padding:17px 19px;margin-top:16px}.output-icon{width:36px;height:36px;border-radius:9px;background:#2d283b;color:#bdafd9}.output-buttons .action.main{min-width:177px}.output-summary p{font-size:11px}.studio-footer{border-color:#282a32}.live-react-window{background:#14161d;border-color:#393b46;border-radius:17px}.live-section{background:#1d2029;border-color:#343742}.live-content{gap:16px}.live-section .action.main{width:100%}.live-advanced-audio{margin:0}.live-result-tools{width:100%;margin-top:0}.live-result-tools>summary{font-size:11px}.live-result{align-items:center}.live-result>b{margin-right:auto}.live-top h2{font-size:18px}.live-record-primary{border-color:#5e507d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.production-grid{grid-template-columns:1fr minmax(355px,.75fr)}.viewer-area{min-height:350px}.monitor{height:355px}}@media(max-width:960px){.production-grid{grid-template-columns:1fr}.viewer-area{min-height:400px}.monitor{height:390px}.control-scroll{max-height:none;min-height:450px}.page-context{display:none}}@media(max-width:600px){.studio-header{padding:0 15px;height:64px}.studio-menu>summary{min-width:42px;padding:10px}.studio-menu>summary>span{display:none}.studio-header .brand-mark{width:34px;height:34px}.workspace-pro{padding:18px 12px}.page-title h1{font-size:27px}.page-title-compact h1{font-size:23px}.panel-heading{padding:0 13px}.viewer-area{min-height:320px;padding:12px}.monitor{height:315px}.tabbar{padding:7px;gap:2px}.tabbar button{flex-direction:column;font-size:10px;gap:4px;padding:9px 3px}.extra-tools{flex:1.25}.extra-tools select{font-size:10px;padding-left:5px;padding-right:16px}.extra-tools>svg{right:2px}.tab-pane{padding:17px}.advanced-options-inner{padding-left:12px;padding-right:12px}.output-panel{gap:12px}.output-buttons{width:100%}.output-buttons>.action{flex:1;min-width:0!important}.output-summary p{max-width:80vw}.live-content{grid-template-columns:1fr}.live-top{padding:14px}}@media(prefers-reduced-motion:reduce){.action,.advanced-options>summary svg{transition:none!important}}.clip-card,.scene-menu{position:relative}.scene-menu>summary{list-style:none;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;border:1px solid #343743;background:#252733;cursor:pointer;color:#b5add2}.scene-menu>summary::-webkit-details-marker{display:none}.scene-menu[open]>summary{background:#342b45;border-color:#6c5a95}.scene-menu-actions{position:absolute;z-index:11;top:calc(100% + 5px);right:0;display:flex;gap:5px;padding:6px;background:#20222d;border:1px solid #4b465e;border-radius:9px;box-shadow:0 15px 30px #0007}.scene-menu-actions button{width:32px;height:32px;display:grid;place-items:center;border:0;background:#292c39;color:#d8d4e8;border-radius:6px}.scene-menu-actions button:hover:not(:disabled){background:#3d3554}.source-import{display:flex;flex-direction:column;align-items:stretch;gap:19px;text-align:left;min-height:410px;justify-content:flex-start;padding:30px;max-width:650px}.source-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#15161c;border:1px solid #292a35;border-radius:13px}.source-switch button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:transparent;color:#9d9fac;padding:13px 11px;font:inherit;font-weight:650;cursor:pointer}.source-switch button.current{background:#292934;color:#f2f0fa;box-shadow:0 2px 9px #00000038}.source-link-panel,.source-file-panel{display:flex;flex-direction:column;gap:13px;align-items:stretch}.source-link-panel .drop-icon,.source-file-panel .drop-icon{align-self:center}.source-link-panel h3,.source-file-panel h3,.source-file-panel p{text-align:center;margin:2px 0}.source-link-panel .source-url-label{font-size:11px;letter-spacing:.08em;color:#a4a0af;font-weight:750}.source-link-panel input[type=url]{width:100%;min-width:0;padding:15px;background:#14141a;color:#f5f3f8;border:1px solid #393946;border-radius:11px;font:inherit;font-size:14px}.source-link-panel input[type=url]:focus{outline:2px solid #8d80df;outline-offset:2px}.source-link-panel .source-help{font-size:12px;color:#b1adbb;line-height:1.55;margin:0}.source-link-panel .action.block{justify-content:center}.source-file-panel .action{align-self:center}.source-auto{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #2a2a33;padding-top:18px;color:#e4e2ec;cursor:pointer;font-size:13px}.source-auto input{accent-color:#937cef;width:17px;height:17px;flex-shrink:0;margin:2px 0 0}.source-auto span{display:flex;flex-direction:column;gap:5px}.source-auto small{font-size:12px;line-height:1.6;color:#aba7b5}.source-import .alert-danger{margin-top:0}@media(max-width:720px){.source-import{max-width:none;padding:20px;min-height:0}.source-switch button{font-size:13px}}.suggestion-headline{font-weight:700;color:var(--text-primary,#f4f4f5);line-height:1.35;letter-spacing:-.01em;margin:.45rem 0 .25rem}.ai-factor-strip{display:block;margin-top:.65rem;font-size:.73rem;line-height:1.5;color:#aaa4bd;white-space:normal}.studio-menu-diagnostics{padding:8px 10px;border-top:1px solid rgba(255,255,255,.1)}.studio-menu-diagnostics>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;color:#b8bdc7;list-style:none}.studio-menu-diagnostics>summary::-webkit-details-marker{display:none}.studio-diagnostics{max-width:270px;font-size:11px;color:#c4cbd7;line-height:1.5}.studio-diagnostics p{margin:8px 0}.auto-launch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:19px 22px;margin:0 0 17px;background:linear-gradient(115deg,#1c1b29,#171920 68%);border:1px solid #494053;border-radius:15px;box-shadow:0 13px 32px #00000021}.auto-launch-title{display:flex;flex-direction:column;gap:6px;min-width:220px;flex:1}.auto-launch-title strong{font-size:18px;font-weight:780;letter-spacing:-.025em;color:#f3eefc}.auto-launch-title small{font-size:11px;line-height:1.5;color:#aaa7b8}.auto-launch .eyebrow{font-size:9px;color:#ad95eb;letter-spacing:.18em}.auto-launch-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.auto-count{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:720;letter-spacing:.075em;color:#afabbc}.auto-count select{border:1px solid #514c5b;border-radius:9px;background:#242431;color:#f2edf7;font:inherit;font-size:12px;padding:12px 14px;min-width:112px;cursor:pointer}.auto-launch-actions>.action.main{min-height:44px;min-width:205px;justify-content:center;border-radius:10px}.auto-launch-progress{width:100%}.auto-launch-progress small{display:block;margin-top:9px;font-size:11px;color:#c6c0d4}.output-buttons .export-secondary{min-width:148px;position:relative}.output-buttons .export-secondary>summary{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;cursor:pointer;color:#bdb4d0;padding:11px 13px;border-radius:9px;border:1px solid #454352;list-style:none}.output-buttons .export-secondary>summary::-webkit-details-marker{display:none}.output-buttons .export-secondary>.advanced-options-inner{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;min-width:230px;padding:10px;border-radius:10px;background:#24242f;border:1px solid #555060;box-shadow:0 15px 30px #0007}@media(max-width:680px){.auto-launch{padding:15px;gap:15px}.auto-launch-actions{width:100%}.auto-launch-actions>.action.main{flex:1;min-width:0}.auto-count select{min-width:95px}.output-buttons .export-secondary{width:100%}.auto-launch-title strong{font-size:16px}}.audio-waveform-track{display:flex;align-items:center;gap:12px;margin:13px 0 9px;min-height:46px}.waveform-label{font-size:9px;width:65px;flex-shrink:0;color:#797e90;font-weight:800;letter-spacing:.12em}.waveform-scrubber{position:relative;min-width:0;flex:1;height:50px;padding:5px 3px;background:#171d28;border:1px solid #38415a;border-radius:7px;cursor:crosshair;overflow:hidden;touch-action:manipulation}.waveform-scrubber:focus-visible{outline:2px solid #b49bfd;outline-offset:2px}.waveform-bars{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1px;pointer-events:none}.waveform-bars>i{display:block;flex:1;max-height:100%;min-height:2px;border-radius:2px;background:linear-gradient(180deg,#ba98ff,#6458ad);opacity:.86}.waveform-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffcb6b;pointer-events:none;box-shadow:0 0 4px #000}@media(max-width:600px){.audio-waveform-track{gap:7px}.waveform-label{width:53px}.waveform-scrubber{height:43px}}.setup-card{max-height:95vh;overflow-y:auto}.setup-card .setup-hint{margin:-7px 0 3px;font-size:12px;line-height:1.5;color:#aab0c3}.setup-card input{min-width:0}.setup-shell .login-art{min-height:100vh}@media(max-width:840px){.setup-shell .login-art{min-height:240px}.setup-card{max-height:none}}.setup-section-title{display:flex;gap:11px;align-items:center;margin:13px 0 8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12);font-weight:650;font-size:14px}.setup-section-title span{display:grid;place-items:center;background:#232639;border-radius:6px;min-width:29px;height:29px;font-size:12px;color:#d5ccff}.setup-two-fields{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:10px}.setup-two-fields label{min-width:0}.setup-shell .login-card{max-width:520px}.setup-card{max-height:min(90vh,900px);overflow:auto}@media(max-width:450px){.setup-two-fields{grid-template-columns:1fr}.setup-card{max-height:none}}.admin-modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:#05070dd1;backdrop-filter:blur(7px)}.admin-modal-panel{width:min(100%,520px);max-height:94vh;overflow:auto;background:linear-gradient(160deg,#212432,#141822);border:1px solid #404556;border-radius:18px;box-shadow:0 30px 100px #000000b3;padding:24px;color:#edf0f7}.admin-modal-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.admin-modal-heading h2{margin:5px 0 0;font-size:21px}.admin-modal-symbol{display:grid;place-items:center;background:#2d3143;border-radius:11px;width:42px;height:42px;color:#b7a4ff}.admin-modal-heading>div:nth-child(2){flex:1}.admin-icon-button{width:33px;height:33px;border:1px solid #404657;background:#262a35;border-radius:9px;display:grid;place-items:center;color:#d6d9e5;cursor:pointer}.admin-integration-state{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #383d4e;border-radius:12px;background:#181c28;margin-bottom:20px}.admin-integration-state strong{font-size:13px}.admin-integration-state small{display:block;color:#b2b8c9;font-size:11px;line-height:1.5;margin-top:3px}.admin-status-ok,.admin-status-off{display:block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#40c28e;box-shadow:0 0 0 4px #40c28e22}.admin-status-off{background:#7b8299;box-shadow:0 0 0 4px #7b829922}.admin-gemini-form{display:grid;gap:15px}.admin-gemini-form>label{display:grid;gap:9px;color:#d9dcec;font-size:12px;font-weight:650}.admin-gemini-form input,.admin-gemini-form select{background:#111621;border:1px solid #454b60;border-radius:9px;color:#eef1fa;padding:12px;width:100%;min-width:0;font:inherit;font-size:12px}.admin-gemini-form input:focus-visible,.admin-gemini-form select:focus-visible{outline:2px solid #a98aff}.admin-gemini-form .advanced-options-inner{padding:10px}.admin-gemini-form .advanced-options{margin:0}.admin-privacy-note{display:flex;gap:8px;color:#aeb5c7;font-size:11px;line-height:1.6;margin:0}.admin-privacy-note svg{flex-shrink:0}.admin-success-msg{display:flex;gap:8px;align-items:center;color:#8ce4b6;background:#102d27;border-radius:8px;padding:11px;font-size:12px;margin:0}.admin-integration-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.admin-integration-actions button{flex:1}.admin-footnote{color:#a9adc0;font-size:11px;line-height:1.6;border-top:1px solid #383c4d;margin:18px 0 0;padding-top:13px}@media(max-width:520px){.admin-modal-panel{padding:18px}.admin-modal-backdrop{padding:9px}}
