:root{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f7f7f8;background:#09090b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,#242029 0,#0d0d10 34rem)}button,input{font:inherit}button{color:inherit}main{width:min(100%,480px);min-height:100vh;margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;gap:11px;margin-bottom:20px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#ff314e,#e6002d);font-weight:900}.app-header h1{margin:0;font-size:19px}.app-header p{margin:2px 0 0;color:#919198;font-size:12px}.poc-badge{margin-left:auto;padding:5px 8px;border:1px solid #3b3b42;border-radius:7px;color:#a1a1aa;font-size:10px;font-weight:800}.source-panel,.preview-card,.technical,.embed-warning{border:1px solid #29292f;border-radius:16px;background:#151518}.source-panel{padding:6px;margin-bottom:12px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}.mode-tabs button{min-height:40px;border:0;border-radius:11px;background:transparent;color:#85858d;font-weight:700}.mode-tabs button.active{background:#29292f;color:#fff}.file-picker{display:flex;align-items:center;gap:11px;min-height:65px;padding:10px 12px;border:1px dashed #3a3a42;border-radius:11px;cursor:pointer}.file-picker input{display:none}.file-picker>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:#242429;color:#ff3554;font-size:25px}.file-picker strong,.file-picker small{display:block}.file-picker strong{font-size:13px}.file-picker small{margin-top:3px;color:#85858d;font-size:10px}.url-row{display:flex;gap:7px;padding:2px}.url-row input{min-width:0;flex:1;height:46px;padding:0 12px;border:1px solid #393940;border-radius:10px;color:#fff;background:#0d0d0f;outline:none}.url-row input:focus{border-color:#ff2a4b}.url-row button,.primary-button{border:0;border-radius:10px;background:#f21e42;color:#fff;font-weight:800}.url-row button{padding:0 13px}.notice{display:flex;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid #59383e;border-radius:11px;background:#27171a;font-size:12px;line-height:1.4}.notice strong{color:#ff5972}.notice span{color:#d8c5c9}.stage-shell{width:100%;border-radius:21px;padding:3px;background:linear-gradient(145deg,#44444c,#1a1a1e 55%);box-shadow:0 24px 70px #0009}.reaction-stage{position:relative;width:100%;aspect-ratio:9/16;max-height:69vh;overflow:hidden;border-radius:18px;background:#050506;touch-action:none}.source-video,.tiktok-frame,.social-frame{width:100%;height:100%;border:0}.source-video{object-fit:cover;background:#000}.stage-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:35px;color:#85858d;text-align:center;line-height:1.45}.stage-message strong{color:#dddde2;font-size:15px}.stage-message span{font-size:12px}.stage-message a{color:#ff3a59}.reaction-camera{position:absolute;z-index:5;overflow:hidden;border:3px solid #fff;background:#222;box-shadow:0 7px 26px #000b;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.reaction-camera.circle{border-radius:50%}.reaction-camera.rectangle{border-radius:18px}.reaction-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);pointer-events:none}.camera-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8b8b93;font-size:11px}.resize-handle{position:absolute;right:1px;bottom:1px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#fff}.resize-handle:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-right:2px solid #151518;border-bottom:2px solid #151518}.loading{position:absolute;inset:auto 12px 12px;padding:8px;border-radius:9px;background:#000b;color:#aaa;text-align:center;font-size:11px}.stage-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 4px 12px;color:#74747c;font-size:10px}.stage-tools button{padding:7px 10px;border:1px solid #33333a;border-radius:8px;background:#19191d;color:#c7c7cc;font-size:11px}.controls-wrap{position:sticky;z-index:10;bottom:max(8px,env(safe-area-inset-bottom));margin:2px 0 14px}.recorder-controls{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px;padding:7px;border:1px solid #292930;border-radius:17px;background:#17171bec;box-shadow:0 12px 35px #0009;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.recorder-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;border:0;border-radius:12px;background:#242429;font-size:10px;font-weight:700}.recorder-controls button span{font-size:16px}.recorder-controls button.off{color:#777;text-decoration:line-through}.recorder-controls button:disabled{opacity:.4}.recorder-controls .record-button,.recorder-controls .stop-button{flex-direction:row;font-size:12px}.recorder-controls .record-button{background:#f21e42}.recorder-controls .stop-button{background:#f1f1f3;color:#17171a}.record-icon{width:17px;height:17px;border:3px solid #fff;border-radius:50%}.recording-status{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 7px;width:fit-content;padding:6px 10px;border-radius:20px;background:#08080bd9;font-size:11px;font-weight:800}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ff2347;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.primary-button{display:grid;place-items:center;min-height:48px;padding:0 16px;text-decoration:none}.primary-button.full{width:100%;margin-bottom:10px}.embed-warning{margin:12px 0;padding:14px}.embed-warning strong{font-size:13px}.embed-warning p{margin:5px 0 0;color:#9999a1;font-size:11px;line-height:1.5}.preview-card{display:grid;gap:12px;margin:15px 0;padding:14px}.preview-card h2{margin:3px 0 0;font-size:18px}.eyebrow{color:#43d990;font-size:10px;font-weight:800}.preview-card video{width:100%;max-height:50vh;border-radius:11px;background:#000}.preview-card p{margin:0;color:#85858d;font-size:10px}.technical{margin:16px 0;padding:0 13px}.technical summary{padding:14px 0;cursor:pointer;color:#aaaab1;font-size:12px;font-weight:700}.technical dl{margin:0;padding-bottom:12px}.technical dl div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:7px 0;border-top:1px solid #29292f;font-size:10px}.technical dt{color:#73737b}.technical dd{margin:0;overflow-wrap:anywhere;color:#c5c5ca}.recording-canvas{position:fixed;width:1px;height:1px;left:-100px;opacity:.01;pointer-events:none}footer{padding:8px 0;color:#5c5c63;text-align:center;font-size:10px}@media (min-width:700px){main{padding-inline:0}.reaction-stage{max-height:720px}}.home-screen,.setup-screen{display:flex;flex-direction:column;min-height:100svh}.home-screen{justify-content:center;gap:34px}.home-hero{text-align:center}.hero-orbit{position:relative;width:190px;height:190px;margin:0 auto 30px;border:1px solid #2f2f36;border-radius:50%;background:radial-gradient(circle,#2a1520 0,#111114 64%);box-shadow:0 0 80px #f21e4222}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #25252b;border-radius:50%}.hero-orbit:before{top:22px;right:22px;bottom:22px;left:22px}.hero-orbit:after{top:50px;right:50px;bottom:50px;left:50px}.hero-camera,.hero-play{position:absolute;z-index:2;display:grid;place-items:center;box-shadow:0 15px 35px #0009}.hero-camera{right:20px;bottom:23px;width:72px;height:72px;border:4px solid #fff;border-radius:50%;background:linear-gradient(145deg,#ff3b58,#9f0c28);font-size:22px}.hero-play{left:29px;top:28px;width:82px;height:118px;border-radius:18px;background:linear-gradient(145deg,#303039,#151519);color:#ff3656;font-size:25px;transform:rotate(-8deg)}.home-hero>.poc-badge{display:inline-block;margin:0 0 15px;color:#ff4662;border-color:#5a2630}.home-hero h1{margin:0;font-size:42px;line-height:1.02;letter-spacing:-.055em}.home-hero h1 em{color:#ff3150;font-style:normal}.home-hero p{max-width:340px;margin:18px auto 0;color:#97979f;font-size:14px;line-height:1.55}.new-project-button{display:flex;align-items:center;gap:14px;width:100%;min-height:78px;padding:12px;border:1px solid #4b2730;border-radius:18px;background:linear-gradient(100deg,#2a161b,#19191d);text-align:left}.new-project-button>span{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:14px;background:#f21e42;font-size:28px}.new-project-button div{display:flex;flex:1;flex-direction:column;gap:3px}.new-project-button strong{font-size:16px}.new-project-button small{color:#8e8e96;font-size:10px}.new-project-button b{padding:10px;color:#ff506a;font-size:22px}.privacy-note{text-align:center;color:#626269;font-size:10px}.setup-screen{padding-top:max(24px,env(safe-area-inset-top))}.setup-header{display:flex;gap:13px;margin-bottom:24px}.setup-header>button,.editor-back{border:1px solid #303037;border-radius:10px;background:#19191d;color:#c7c7ce}.setup-header>button{flex:0 0 42px;height:42px;font-size:20px}.setup-header h1{margin:4px 0;font-size:25px;letter-spacing:-.04em}.setup-header p{margin:0;color:#85858d;font-size:11px}.step-label{color:#ff3d5c;font-size:9px;font-weight:900;letter-spacing:.13em}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.layout-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:9px;border:1px solid #2d2d33;border-radius:16px;background:#151518;text-align:left}.layout-card:active{border-color:#ff3554;transform:scale(.985)}.layout-card>strong{margin:11px 3px 0;font-size:13px}.layout-card>small{min-height:29px;margin:4px 3px;color:#818189;font-size:9px;line-height:1.35}.layout-card>b{margin-top:8px;padding:8px;border-radius:8px;background:#242429;color:#ff526b;text-align:center;font-size:9px}.layout-drawing{position:relative;display:flex;width:100%;aspect-ratio:9/13;overflow:hidden;border:1px solid #3a3a42;border-radius:10px;background:#09090b;color:#777780;font-size:9px;font-weight:800}.layout-drawing.split{flex-direction:column}.layout-drawing.split span{display:grid;flex:1;place-items:center}.layout-drawing.split span+span{border-top:1px solid #3a3a42;background:#1e1e23;color:#c8c8cd}.layout-drawing.split6040 span:first-child{flex:3}.layout-drawing.split6040 span:last-child{flex:2}.layout-drawing span small{display:block;margin-top:3px;color:#666;font-size:7px}.layout-drawing.pip{align-items:center;justify-content:center}.layout-drawing.pip i{position:absolute;right:12px;bottom:13px;width:40px;height:40px;border:2px solid #fff;border-radius:50%;background:#d72845}.layout-drawing.focus{align-items:center;justify-content:center}.layout-drawing.focus footer{position:absolute;right:0;bottom:0;left:0;padding:9px;background:#222228;color:#eee;font-size:10px}.editor-back{margin-bottom:12px;padding:8px 11px;font-size:11px;font-weight:700}.layout-split .source-video,.layout-split .tiktok-frame,.layout-split6040 .source-video,.layout-split6040 .tiktok-frame{position:absolute;top:0;left:0;height:calc(100% - var(--review-share));object-fit:cover;object-position:50% var(--video-position-y)}.layout-split6040 .source-video,.layout-split6040 .tiktok-frame,.layout-split6040 .social-frame{height:60%;object-position:50% var(--video-position-y)}.layout-split .reaction-camera,.layout-split6040 .reaction-camera{left:0!important;top:calc(100% - var(--review-share))!important;width:100%!important;height:var(--review-share)!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none}.layout-split6040 .reaction-camera{top:60%!important;height:40%!important}.layout-split .reaction-camera video,.layout-split6040 .reaction-camera video{object-fit:cover}.layout-split .resize-handle,.layout-split6040 .resize-handle{display:none}@media (max-width:370px){.home-hero h1{font-size:36px}.hero-orbit{width:160px;height:160px}.layout-grid{gap:8px}.layout-card{padding:7px}}.stage-adjustments{display:grid;gap:8px;margin:0 0 12px;padding:11px;border:1px solid #29292f;border-radius:14px;background:#151518}.stage-adjustments label{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px}.stage-adjustments label+label{padding-top:10px;border-top:1px solid #29292f}.stage-adjustments span,.stage-adjustments b,.stage-adjustments small{display:block}.stage-adjustments b{font-size:11px}.stage-adjustments small{margin-top:3px;color:#7f7f87;font-size:9px}.stage-adjustments input{width:100%;accent-color:#f21e42}.source-video{object-position:50% var(--video-position-y)}.volume-input{display:flex;align-items:center;gap:7px}.volume-input button{display:grid;place-items:center;flex:0 0 34px;height:32px;padding:0;border:1px solid #36363e;border-radius:9px;background:#242429;font-size:15px}.volume-input input{flex:1;min-width:0}.studio-editor.is-ready{width:min(100%,520px);padding:8px 14px max(18px,env(safe-area-inset-bottom));background:#09090b}.is-ready>.editor-back,.is-ready>.app-header,.is-ready>.source-panel,.is-ready>.stage-tools{display:none}.studio-topbar{display:grid;grid-template-columns:48px 1fr 58px;align-items:center;min-height:82px;padding:8px 4px}.studio-topbar>button{width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:36px;font-weight:200}.studio-topbar>div{text-align:center}.studio-topbar strong{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px}.studio-topbar i{width:10px;height:10px;border-radius:50%;background:#666}.studio-topbar i.live{background:#ff2448;box-shadow:0 0 12px #ff2448}.studio-topbar div small{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:8px;background:#28282e;color:#d6d6da;font-size:10px}.studio-topbar>span{padding:7px;border-radius:10px;background:#25252a;text-align:center;font-size:12px;line-height:1}.studio-topbar>span small{font-size:9px}.is-ready .stage-shell{padding:2px;border-radius:24px;background:#303037}.is-ready .reaction-stage{max-height:none;border-radius:22px}.split-label{position:absolute;z-index:8;left:12px;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:11px;background:#101014c9;font-size:10px;font-weight:900}.split-label b{font-size:13px}.video-label{top:14px}.camera-label{top:calc(100% - var(--review-share) + 14px)}.camera-first .video-label{top:calc(var(--review-share) + 14px)}.camera-first .camera-label{top:14px}.split-divider{position:absolute;z-index:12;top:calc(100% - var(--review-share));left:50%;display:flex;align-items:center;gap:8px;height:0;padding:0;border:0;background:transparent;transform:translate(-50%,-1px);touch-action:none}.camera-first .split-divider{top:var(--review-share)}.split-divider:before{content:"";position:fixed;right:-50vw;left:-50vw;height:3px;background:#ff2448}.split-divider span{z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#141418;box-shadow:0 3px 15px #0008;font-size:18px}.split-divider b{position:absolute;top:25px;left:50%;width:max-content;padding:5px 10px;border-radius:9px;background:#141418cf;color:#ddd;transform:translate(-50%);font-size:10px}.layout-split.camera-first .source-video,.layout-split.camera-first .social-frame{top:var(--review-share);height:calc(100% - var(--review-share))}.layout-split.camera-first .reaction-camera{top:0!important;height:var(--review-share)!important}.invert-positions{display:flex;align-items:center;gap:8px;margin:10px auto;padding:10px 15px;border:1px solid #303037;border-radius:10px;background:#17171b;color:#ddd;font-size:12px;font-weight:700}.is-ready .stage-adjustments{position:relative;margin-top:8px;padding:38px 14px 12px;border-radius:16px}.is-ready .stage-adjustments:before{content:"ÁUDIO";position:absolute;top:15px;left:15px;font-size:10px;font-weight:900;letter-spacing:.08em}.is-ready .stage-adjustments>label:not(.volume-control):not(.mic-volume-control){display:none}.is-ready .stage-adjustments label{grid-template-columns:150px 1fr;min-height:58px}.is-ready .volume-input button{height:42px}.studio-controls{grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:end;padding:8px;border-radius:18px}.recorder-controls.studio-controls>button{min-width:0;min-height:86px;padding:7px 3px;gap:3px;border:1px solid #292930;background:#202025}.studio-controls button span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #46464e;border-radius:50%;font-size:21px}.studio-controls button small,.studio-controls button b{font-size:9px}.studio-controls .active-device b{color:#22d878}.studio-controls .studio-record{overflow:visible;min-height:102px;border:0;background:transparent}.studio-controls .studio-record span{width:68px;height:68px;border:8px solid #ff2448;background:#fff;box-shadow:0 0 0 4px #4b1721}.studio-controls .studio-record b{color:#ff3150;font-size:10px}.studio-controls .studio-record.stop-button span{border-color:#eee;border-radius:50%;background:#ff2448;color:#fff}.studio-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;padding:12px 4px max(8px,env(safe-area-inset-bottom));border-top:1px solid #242429;color:#696970;text-align:center}.studio-bottom-nav>*{display:flex;flex-direction:column;gap:4px;font-size:19px}.studio-bottom-nav small{font-size:9px}.studio-bottom-nav b{color:#ff2c4e}.is-ready>footer{display:none}@media (max-width:390px){.studio-controls button small,.studio-controls button b{font-size:8px}.studio-controls .studio-record span{width:60px;height:60px}.is-ready .stage-adjustments label{grid-template-columns:130px 1fr}}@media (max-width:600px){.studio-editor.is-ready{position:relative;height:100svh;min-height:100svh;overflow:hidden;padding:0 12px;background:#070709}.is-ready .studio-topbar{position:absolute;z-index:30;top:max(4px,env(safe-area-inset-top));right:12px;left:12px;height:68px;min-height:68px;padding:0 4px;border-radius:0 0 18px 18px;background:linear-gradient(#08080beF,#08080b99,transparent)}.is-ready .stage-shell{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;padding:0;border:0;border-radius:0;background:#070709}.is-ready .reaction-stage{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}.is-ready .invert-positions{position:absolute;z-index:24;right:18px;top:76px;margin:0;padding:8px 11px;background:#101014c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.is-ready .stage-adjustments{position:absolute;z-index:25;right:14px;bottom:188px;left:14px;display:grid;gap:0;margin:0;padding:32px 12px 8px;border:1px solid #393940;border-radius:17px;background:#111115e8;box-shadow:0 12px 38px #000b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.is-ready .stage-adjustments:before{content:"AJUSTES";top:11px}.is-ready .stage-adjustments>label:not(.volume-control):not(.mic-volume-control){display:grid}.is-ready .stage-adjustments label{grid-template-columns:128px 1fr;min-height:41px;gap:8px;padding:5px 0}.is-ready .stage-adjustments label+label{padding-top:5px}.is-ready .stage-adjustments b{font-size:10px}.is-ready .stage-adjustments small{font-size:8px}.is-ready .volume-input button{width:31px;height:31px;flex-basis:31px}.is-ready .controls-wrap{position:absolute;z-index:27;right:10px;bottom:58px;left:10px;margin:0}.is-ready .studio-controls{padding:6px;background:#111115ef;box-shadow:0 8px 30px #000c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.is-ready .recorder-controls.studio-controls>button{min-height:76px}.is-ready .studio-controls .studio-record{min-height:105px}.is-ready .studio-controls .studio-record span{width:82px;height:82px;border-width:9px;box-shadow:0 0 0 5px #521925,0 7px 22px #000b}.is-ready .studio-bottom-nav{position:absolute;z-index:28;right:0;bottom:0;left:0;height:58px;margin:0;padding:7px 4px max(5px,env(safe-area-inset-bottom));background:#0b0b0eef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.is-ready .embed-warning,.is-ready .technical,.is-ready .preview-card{display:none}}@media (max-width:370px){.is-ready .stage-adjustments{bottom:174px}.is-ready .stage-adjustments label{min-height:36px}.is-ready .recorder-controls.studio-controls>button{min-height:68px}.is-ready .studio-controls .studio-record span{width:72px;height:72px}}@media (max-width:600px){.studio-editor.is-ready .preview-card{position:fixed;z-index:60;inset:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:grid;overflow:auto;margin:0;padding:16px;border-color:#424249;background:#111115f7;box-shadow:0 0 0 100vmax #000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (max-width:600px){.studio-editor.is-ready .studio-topbar{position:fixed;left:50%;width:min(calc(100% - 24px),496px);transform:translate(-50%)}.studio-editor.is-ready .invert-positions{position:fixed;right:max(18px,calc((100vw - 496px)/2 + 18px))}.studio-editor.is-ready .stage-adjustments{position:fixed;right:auto;left:50%;width:min(calc(100% - 28px),492px);max-width:492px;transform:translate(-50%);pointer-events:auto;isolation:isolate}.studio-editor.is-ready .stage-adjustments label,.studio-editor.is-ready .stage-adjustments input,.studio-editor.is-ready .stage-adjustments button{position:relative;z-index:2;pointer-events:auto}.studio-editor.is-ready .stage-adjustments input[type=range]{height:34px;margin:0;touch-action:none;accent-color:#ff2448}.studio-editor.is-ready .controls-wrap{position:fixed;right:auto;left:50%;width:min(calc(100% - 20px),500px);transform:translate(-50%)}.studio-editor.is-ready .studio-bottom-nav{position:fixed;left:50%;width:min(100%,520px);transform:translate(-50%)}}.local-source-only{padding:10px}.source-heading{display:flex;align-items:center;gap:10px;padding:5px 4px 12px}.source-heading>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f21e42;font-size:12px;font-weight:900}.source-heading strong,.source-heading small{display:block}.source-heading strong{font-size:13px}.source-heading small{margin-top:2px;color:#85858d;font-size:9px}.layout-grid.simplified{grid-template-columns:1fr 1fr}.layout-grid.simplified .layout-card>small{min-height:42px}.layout-help{margin-top:14px;padding:14px;border:1px solid #29292f;border-radius:14px;background:#151518}.layout-help>strong{font-size:12px}.layout-help p{margin:8px 0 0;color:#92929a;font-size:10px;line-height:1.45}.layout-help p b{color:#d7d7dc}@media (max-width:360px){.layout-grid.simplified{grid-template-columns:1fr}.layout-grid.simplified .layout-drawing{aspect-ratio:9/10}}.quick-adjustments{display:grid!important;grid-template-columns:1fr;gap:0;padding:8px 12px 4px;border-bottom:1px solid #2d2d34;background:#111115}@media (max-width:600px){.studio-editor.is-ready>.stage-adjustments{display:none!important}.studio-editor.is-ready .controls-wrap{bottom:58px;display:flex;flex-direction:column;gap:0;border:1px solid #34343b;border-radius:18px;background:#111115ed;box-shadow:0 12px 42px #000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.studio-editor.is-ready .quick-adjustments{display:grid;grid-template-columns:1fr;gap:0;padding:8px 12px 4px;border-bottom:1px solid #2d2d34}.quick-adjustments label{display:grid;grid-template-columns:126px 1fr;align-items:center;gap:8px;min-height:34px}.quick-adjustments label+label{border-top:1px solid #292930}.quick-adjustments label>span{font-size:9px;font-weight:800}.quick-adjustments label small{margin-left:5px;color:#ff4964;font-size:8px}.quick-adjustments input[type=range]{width:100%;height:28px;margin:0;accent-color:#ff2448;touch-action:none}.studio-editor.is-ready .studio-controls{border:0;border-radius:0 0 17px 17px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:370px){.quick-adjustments label{grid-template-columns:110px 1fr;min-height:30px}.studio-editor.is-ready .quick-adjustments{padding-block:5px}.studio-editor.is-ready .controls-wrap{bottom:54px}}.studio-editor.is-ready .quick-adjustments{display:grid;grid-template-columns:1fr;gap:0;padding:8px 12px 4px;border-bottom:1px solid #2d2d34}.studio-editor.is-ready .quick-adjustments label{display:grid;grid-template-columns:126px 1fr;align-items:center;gap:8px;min-height:34px}.studio-editor.is-ready .quick-adjustments label+label{border-top:1px solid #292930}.studio-editor.is-ready .quick-adjustments label>span{font-size:9px;font-weight:800}.studio-editor.is-ready .quick-adjustments label small{margin-left:5px;color:#ff4964;font-size:8px}.studio-editor.is-ready .quick-adjustments input[type=range]{width:100%;height:28px;margin:0;accent-color:#ff2448;touch-action:none}@media (min-width:601px){.studio-editor.is-ready .controls-wrap{position:fixed;z-index:40;left:50%;bottom:14px;display:flex;width:min(calc(100% - 28px),600px);flex-direction:column;gap:0;margin:0;border:1px solid #34343b;border-radius:18px;background:#111115ed;box-shadow:0 12px 42px #000d;transform:translate(-50%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.studio-editor.is-ready .studio-controls{border:0;border-radius:0 0 17px 17px;background:transparent;box-shadow:none}}button,a,summary,label[for],input[type=range],input[type=file]{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.recorder-controls.studio-controls .studio-record{flex-direction:column!important;align-items:center;justify-content:center;gap:6px}@media (max-width:600px){.studio-editor.is-ready .recorder-controls.studio-controls .studio-record{min-height:76px}.studio-editor.is-ready .studio-controls .studio-record span{width:52px;height:52px;border-width:6px;box-shadow:0 0 0 3px #521925,0 5px 16px #000b}.studio-editor.is-ready .studio-controls .studio-record b{display:block;line-height:1;text-align:center}}@media (max-width:600px){.studio-editor.is-ready .stage-shell{top:max(68px,env(safe-area-inset-top));right:auto;bottom:auto;left:50%;width:min(calc(100% - 24px),33.75svh);height:min(calc((100vw - 24px) * 16 / 9),60svh);transform:translate(-50%);border:1px solid #303037;border-radius:22px;overflow:hidden}.studio-editor.is-ready .reaction-stage{border-radius:21px}}.reaction-camera video{object-fit:cover;transform:scaleX(-1) scale(var(--camera-zoom, 1));transition:transform .18s ease}.camera-zoom{position:absolute;z-index:15;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffff38;border-radius:18px;background:#09090bcf;box-shadow:0 4px 14px #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation}.camera-zoom button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#303038;color:#fff;font-size:20px;line-height:1;cursor:pointer}.camera-zoom b{min-width:34px;color:#fff;text-align:center;font-size:9px}.layout-split .camera-zoom{bottom:10px}.reaction-camera .camera-background,.reaction-camera .camera-foreground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reaction-camera .camera-background{z-index:0;object-fit:cover;transform:scaleX(-1) scale(1.12);filter:blur(16px) brightness(.62)}.reaction-camera .camera-foreground{z-index:1;object-fit:cover;transform:scaleX(-1) scale(var(--camera-zoom, 1))}.camera-placeholder{position:relative;z-index:1}.quality-selector{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;padding:4px 0 10px;border-bottom:1px solid #29292f}.quality-selector>span b,.quality-selector>span small{display:block}.quality-selector>span b{font-size:11px}.quality-selector>span small{margin-top:3px;color:#7f7f87;font-size:9px}.quality-selector>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quality-selector button{min-height:34px;padding:4px 6px;border:1px solid #36363e;border-radius:8px;background:#242429;color:#aaaab1;font-size:9px;font-weight:800}.quality-selector button.active{border-color:#ff3150;background:#3b1820;color:#fff}@media (max-width:600px){.studio-editor.is-ready .quality-selector{grid-template-columns:128px 1fr;gap:8px;padding:5px 0}.studio-editor.is-ready .quality-selector button{min-height:30px;font-size:8px}}.server-render-button{min-height:48px;border:1px solid #ff3150;border-radius:10px;background:#35171d;color:#fff;font-weight:850;cursor:pointer}.server-render-button:disabled{border-color:#34343b;background:#242429;color:#777;cursor:not-allowed}.render-key{display:grid;gap:6px}.render-key span{font-size:10px;font-weight:800;color:#b8b8bf}.render-key input{width:100%;height:44px;padding:0 11px;border:1px solid #393940;border-radius:9px;background:#0d0d0f;color:#fff}.render-error{padding:9px;border:1px solid #63303a;border-radius:8px;background:#2b171b!important;color:#ff8295!important}.share-video-button{width:100%;border:0;cursor:pointer}.secondary-download{display:grid;place-items:center;min-height:42px;border:1px solid #393940;border-radius:10px;color:#d6d6dc;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.share-message{padding:8px;border-radius:8px;background:#242429!important;color:#d0d0d5!important}.layout-pip{isolation:isolate}.layout-pip .source-video{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.layout-pip .reaction-camera{z-index:20;transform:translate3d(var(--pip-x,0),var(--pip-y,0),0);will-change:transform}.layout-pip .camera-zoom,.layout-pip .resize-handle{z-index:22}.studio-bottom-nav{display:none!important}@media (max-width:600px){.studio-editor.is-ready>.stage-adjustments{display:grid!important;position:fixed;z-index:26;right:auto;bottom:116px;left:50%;width:min(calc(100% - 28px),492px);max-height:35svh;overflow-y:auto;transform:translate(-50%)}.studio-editor.is-ready .controls-wrap{bottom:max(10px,env(safe-area-inset-bottom))}}.adjustments-toggle,.adjustments-close{display:none}@media (max-width:600px){.studio-editor.is-ready>.stage-adjustments{display:none!important}.studio-editor.is-ready>.stage-adjustments.is-open{display:grid!important;animation:adjustments-in .18s ease-out}.studio-editor.is-ready .adjustments-toggle{position:fixed;z-index:29;right:max(14px,calc((100vw - 500px)/2 + 14px));bottom:116px;display:flex;align-items:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #45454d;border-radius:20px;background:#18181def;color:#fff;box-shadow:0 7px 22px #000a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;font-weight:850}.studio-editor.is-ready .adjustments-toggle.active{border-color:#ff3150;background:#3a1820}.studio-editor.is-ready .adjustments-close{position:absolute;z-index:4;top:8px;right:9px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #3b3b43;border-radius:50%;background:#242429;color:#fff;font-size:20px;line-height:1}.studio-editor.is-ready>.stage-adjustments:before{padding-right:40px}}@keyframes adjustments-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.empty-video-icon{display:grid!important;place-items:center;width:52px;height:52px;border-radius:16px;background:#2b1720;color:#ff3150!important;font-size:30px!important;font-weight:400;box-shadow:0 10px 30px #0008}.inline-video-picker{display:grid;place-items:center;min-width:190px;min-height:48px;margin-top:8px;padding:0 18px;border:1px solid #ff3150;border-radius:12px;background:#f21e42;color:#fff;cursor:pointer;font-size:12px;font-weight:850}.inline-video-picker input{display:none}.inline-video-picker b{font-size:12px}.layout-split .stage-message{z-index:4;top:0;right:0;bottom:auto;left:0;height:calc(100% - var(--review-share));min-height:0;padding:28px 24px}.layout-split.camera-first .stage-message{top:var(--review-share);height:calc(100% - var(--review-share))}@media (max-width:390px){.layout-split .stage-message{gap:6px;padding:20px 16px}.layout-split .stage-message .empty-video-icon{width:42px;height:42px;font-size:24px!important}.layout-split .stage-message .inline-video-picker{min-width:160px;min-height:42px;margin-top:3px}}.stage-play-button{position:absolute;z-index:14;top:50%;left:50%;display:grid;place-items:center;width:62px;height:62px;padding:0 0 0 4px;border:1px solid #ffffff55;border-radius:50%;background:#08080bcc;color:#fff;box-shadow:0 8px 26px #000b;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:25px;cursor:pointer;transition:opacity .18s,transform .18s}.stage-play-button.is-playing{opacity:0;pointer-events:none}.layout-split .stage-play-button{top:calc((100% - var(--review-share))/2)}.layout-split.camera-first .stage-play-button{top:calc(var(--review-share) + (100% - var(--review-share))/2)}.source-actions{position:absolute;z-index:15;top:12px;right:12px;display:flex;gap:5px;padding:4px;border:1px solid #ffffff30;border-radius:10px;background:#0b0b0ec9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.source-actions label,.source-actions button{display:grid;place-items:center;min-height:30px;padding:0 9px;border:0;border-radius:7px;background:#29292f;color:#fff;font-size:9px;font-weight:800;cursor:pointer}.source-actions button{color:#ff6a80}.source-actions input{display:none}.layout-split.camera-first .source-actions{top:calc(var(--review-share) + 12px)}@media (max-width:390px){.stage-play-button{width:54px;height:54px;font-size:22px}.source-actions{right:8px}.source-actions label,.source-actions button{padding-inline:7px;font-size:8px}}@media (max-width:600px){.studio-editor.is-ready .invert-positions{position:fixed;z-index:29;top:auto;right:auto;bottom:116px;left:max(14px,calc((100vw - 500px)/2 + 14px));min-height:38px;margin:0;padding:8px 12px;border-radius:20px}}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.preview-header h2{margin-top:6px}.preview-header>button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #3b3b43;border-radius:50%;background:#242429;color:#fff;font-size:25px;line-height:1;cursor:pointer}.back-to-editor{min-height:44px;border:0;background:transparent;color:#aaaab2;font-size:11px;font-weight:800;cursor:pointer}@media (max-width:600px){.studio-editor.is-ready .preview-header{position:sticky;z-index:3;top:0;padding-bottom:4px;background:#111115f7}}@media (min-width:601px){.studio-editor.is-ready{padding-bottom:148px}.studio-editor.is-ready>.stage-adjustments{scroll-margin-bottom:132px}.studio-editor.is-ready>.stage-adjustments>label:not(.volume-control):not(.mic-volume-control){display:grid}.studio-editor.is-ready>.stage-adjustments:before{content:"AJUSTES"}}.layout-pip .source-video{object-position:var(--video-position-y) 50%}@media (max-width:600px){.studio-editor.is-ready>.stage-adjustments.is-open{right:auto;left:max(12px,calc((100vw - 520px)/2 + 12px));width:min(268px,calc(100vw - 36px));max-height:min(58svh,480px);transform:none;animation:adjustments-side-in .18s ease-out}.studio-editor.is-ready>.stage-adjustments label,.studio-editor.is-ready>.stage-adjustments .quality-selector{grid-template-columns:1fr;gap:5px}.studio-editor.is-ready>.stage-adjustments label{padding:8px 0}.studio-editor.is-ready>.stage-adjustments input[type=range]{height:28px}.studio-editor.is-ready>.stage-adjustments .quality-selector>div{width:100%}}@keyframes adjustments-side-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.stage-adjustments .framing-control{display:none!important}.framing-rail{position:fixed;z-index:31;top:44svh;left:max(6px,calc((100vw - 520px)/2 + 6px));display:flex;width:46px;height:190px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border:1px solid #45454d;border-radius:23px;background:#141418e8;box-shadow:0 8px 26px #000b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:none}.framing-rail b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#29292f;color:#fff;font-size:16px}.framing-rail input[type=range]{width:28px;height:116px;margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:#ff2448;cursor:pointer;touch-action:none}.framing-rail small{color:#ff4964;font-size:8px;font-weight:850}@media (min-width:601px){.framing-rail{left:max(12px,calc(50vw - 320px))}}.render-library-button{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:11px 12px;border:1px solid #303037;border-radius:17px;background:#17171b;color:#fff;text-align:left;cursor:pointer}.render-library-button>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#29292f;color:#ff3656;font-size:22px}.render-library-button div{display:flex;flex:1;flex-direction:column;gap:3px}.render-library-button strong{font-size:13px}.render-library-button small{color:#898991;font-size:9px}.render-library-button>b{color:#ff4964;font-size:20px}.library-screen{width:min(100%,520px);min-height:100svh;margin:auto;padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.library-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.library-header>button{width:42px;height:42px;border:1px solid #34343b;border-radius:12px;background:#1b1b20;color:#fff;font-size:20px;cursor:pointer}.library-header small{color:#ff3d5c;font-size:8px;font-weight:900;letter-spacing:.1em}.library-header h1{margin:3px 0 0;font-size:23px}.library-token{display:grid;gap:7px;padding:13px;border:1px solid #303037;border-radius:15px;background:#151518}.library-token>span{font-size:10px;font-weight:800}.library-token>div{display:flex;gap:7px}.library-token input{min-width:0;flex:1;height:42px;padding:0 10px;border:1px solid #393940;border-radius:9px;background:#0d0d0f;color:#fff}.library-token button{padding:0 14px;border:0;border-radius:9px;background:#f21e42;color:#fff;font-size:10px;font-weight:850;cursor:pointer}.library-token button:disabled{opacity:.45}.library-preview{display:grid;gap:10px;margin-top:13px;padding:11px;border:1px solid #3a3a42;border-radius:16px;background:#151518}.library-preview video{width:100%;max-height:58svh;border-radius:11px;background:#000}.library-preview a{display:grid;place-items:center;min-height:46px;border-radius:10px;background:#f21e42;color:#fff;text-decoration:none;font-size:11px;font-weight:850}.render-list{display:grid;gap:8px;margin-top:14px}.render-list>p{padding:22px;border:1px dashed #34343b;border-radius:14px;color:#85858d;text-align:center;font-size:11px}.render-list>button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid #303037;border-radius:13px;background:#17171b;color:#fff;text-align:left;cursor:pointer}.render-list>button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#2c1820;color:#ff3656}.render-list>button div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.render-list>button strong{font-size:11px}.render-list>button small{color:#85858d;font-size:8px}.render-list>button b{color:#ff4964;font-size:9px}.render-list>.render-item:disabled{opacity:1;cursor:default}.render-item>b{padding:5px 8px;border-radius:12px;background:#29292f}.render-item.status-queued>b{color:#e5b94d;background:#352e1b}.render-item.status-processing>b{color:#66b6ff;background:#182d40}.render-item.status-completed>b{color:#45df91;background:#173326}.render-item.status-failed>b{color:#ff7187;background:#3a1b22}.render-item.status-processing>span{animation:pulse 1.2s infinite}.render-item em{overflow:hidden;color:#ff7187;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.studio-editor.is-ready>.stage-adjustments{display:none!important}.audio-rails{position:fixed;z-index:31;top:27svh;right:max(6px,calc((100vw - 520px)/2 + 6px));display:flex;flex-direction:column;gap:9px;pointer-events:none}.audio-rail{display:flex;width:48px;height:151px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border:1px solid #45454d;border-radius:24px;background:#141418e8;box-shadow:0 8px 26px #000b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;touch-action:none}.audio-rail b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#29292f;color:#fff;font-size:14px}.audio-rail input[type=range]{width:27px;height:77px;margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:#ff2448;cursor:pointer;touch-action:none}.audio-rail small{color:#e8e8ec;text-align:center;font-size:7px;font-weight:850;line-height:1.2}.microphone-volume-rail{border-color:#3d3347}.microphone-volume-rail input[type=range]{accent-color:#b879ff}@media (min-width:601px){.audio-rails{right:max(12px,calc(50vw - 320px))}}@media (max-height:700px){.audio-rails{top:22svh;gap:6px}.audio-rail{height:132px}.audio-rail input[type=range]{height:60px}}.framing-rail.vertical{top:32svh}.audio-rails{top:24svh;gap:11px}.audio-rail{width:56px;height:174px;border-radius:28px}.audio-rail b{width:34px;height:34px;font-size:16px}.audio-rail input[type=range]{width:32px;height:96px}.audio-rail small{font-size:8px}@media (max-height:700px){.framing-rail.vertical{top:29svh}.audio-rails{top:20svh;gap:8px}.audio-rail{width:54px;height:156px}.audio-rail input[type=range]{height:78px}}.layout-drawing.dual{align-items:center;justify-content:center;background:linear-gradient(145deg,#15232b,#09090b)}.layout-drawing.dual>span{font-size:9px}.layout-drawing.dual>i{position:absolute;right:9px;bottom:10px;display:grid;place-items:center;width:48px;height:62px;border:2px solid #fff;border-radius:12px;background:#7f2638;color:#fff;font-size:6px;font-style:normal}.layout-dual{isolation:isolate}.layout-dual .source-video{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--video-position-y)}.layout-dual .reaction-camera{z-index:20}.layout-dual .camera-zoom,.layout-dual .resize-handle{z-index:22}.dual-camera-status{position:absolute;z-index:24;top:12px;left:12px;display:flex;max-width:calc(100% - 24px);flex-wrap:wrap;gap:5px;padding:6px;border:1px solid #ffffff26;border-radius:11px;background:#09090bc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dual-camera-status span{padding:5px 7px;border-radius:9px;font-size:8px;font-weight:850}.dual-camera-status span.live{background:#17382a;color:#45df91}.dual-camera-status span.off{background:#3b1b22;color:#ff7187}.dual-camera-status small{flex-basis:100%;padding:3px;color:#ff9cac;font-size:7px;line-height:1.3}.dual-camera-retry{display:block;margin:9px auto;padding:9px 13px;border:1px solid #ff4964;border-radius:18px;background:#321820;color:#fff;font-size:9px;font-weight:850;cursor:pointer}.browser-recommendation{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid #34343c;border-radius:16px;background:linear-gradient(135deg,#17171c,#202028);color:#fff;text-align:left}.browser-recommendation>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#ff3150;color:#fff;font-size:20px;font-weight:900}.browser-recommendation>div{display:flex;flex-direction:column;gap:3px}.browser-recommendation strong{font-size:13px}.browser-recommendation small{color:#aaaab3;font-size:10px;line-height:1.35}