@import '../_assets/fontes.css';
:root{--yellow:#ffd02a;--ink:#0d0d0d;--panel:#191919;--line:#343434;--muted:#9b9b9b;--white:#f8f8f6}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font:14px Roboto,Arial,sans-serif}.topbar{height:72px;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;gap:26px;padding:0 clamp(18px,5vw,72px);background:#0d0d0df2;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{color:#fff;text-decoration:none;font:700 24px 'IBM Plex Sans';letter-spacing:-1px}.brand span{color:var(--yellow);font-size:28px}.brand b{color:var(--yellow);font-size:10px;letter-spacing:2px;margin-left:5px}.topbar-status{color:#989898;font-size:12px;flex:1}.topbar-status i,.live-dot,.dot{display:inline-block;width:7px;height:7px;background:#66d182;border-radius:50%;margin-right:7px}.topbar-status span{padding:0 9px;color:#555}.ghost{background:transparent;border:1px solid #505050;color:#fff;border-radius:7px;padding:9px 13px;cursor:pointer}.ghost:hover{border-color:var(--yellow);color:var(--yellow)}main{max-width:1450px;margin:auto;padding:clamp(38px,6vw,75px) clamp(18px,5vw,72px) 80px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:40px}.eyebrow{color:var(--yellow);font:600 11px 'IBM Plex Sans';letter-spacing:1.4px;text-transform:uppercase;margin:0 0 13px}.intro h1{font:700 clamp(38px,5vw,70px)/.98 'IBM Plex Sans';letter-spacing:-3px;margin:0}.intro h1 em{color:var(--yellow);font-style:normal}.lede{max-width:475px;color:#a5a5a5;line-height:1.55;margin:21px 0 0;font-size:15px}.stepper{display:flex;gap:25px;color:#595959;font:600 11px 'IBM Plex Sans';white-space:nowrap}.stepper span.active{color:#fff}.stepper span.active:before{content:'';display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin:0 6px 1px 0}.app-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(370px,1fr) minmax(260px,320px);gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid #2e2e2e;border-radius:12px;padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading>div{display:flex;align-items:center;gap:9px}.panel-heading h2{font:700 17px 'IBM Plex Sans';margin:0}.panel-heading.compact{margin:0 0 12px}.number{color:var(--yellow);font:700 11px 'IBM Plex Sans';border:1px solid #796313;border-radius:4px;padding:3px 5px}.mini-tag,.processing{font:700 9px 'IBM Plex Sans';letter-spacing:1px;color:#8e8e8e}.mini-tag.yellow{color:var(--yellow)}.dropzone{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #5b5b5b;border-radius:9px;padding:25px 15px 19px;cursor:pointer;background:#151515}.dropzone:hover{border-color:var(--yellow);background:#1b1b16}.dropzone input{display:none}.upload-icon{color:var(--yellow);font-size:29px;line-height:1;margin-bottom:10px}.dropzone strong{font:600 14px 'IBM Plex Sans'}.dropzone small{color:#858585;margin-top:6px}.text-button{background:none;border:0;color:var(--yellow);font:500 11px Roboto;margin-top:15px;cursor:pointer}.file-meta{display:flex;align-items:center;color:#9b9b9b;font-size:11px;padding:12px 2px}.section-rule{height:1px;background:#303030;margin:14px 0 22px}.helper,.disclaimer{font-size:11px;color:#808080;line-height:1.45;margin:0 0 14px}.transcript{display:grid;gap:5px;max-height:375px;overflow:auto}.transcript-item{display:grid;grid-template-columns:40px 1fr;gap:10px;border:1px solid transparent;border-radius:7px;padding:10px 7px;cursor:pointer}.transcript-item:hover,.transcript-item.active{background:#242424;border-color:#414141}.transcript-item time{color:var(--yellow);font:600 11px 'IBM Plex Sans'}.transcript-item p{margin:0;color:#cfcfcf;font-size:12px;line-height:1.4}.preview-column{min-width:0}.video-card{background:#161616;border:1px solid #2e2e2e;border-radius:12px;padding:16px}.video-stage{aspect-ratio:9/14;max-height:670px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#7b510e,#15100a 53%,#d5a91e);display:flex;align-items:center;justify-content:center}.fake-video{position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,#f2c83e 0,#bd841c 11%,transparent 30%),linear-gradient(140deg,#242015 0%,#8e5c15 45%,#16130d 100%);transition:.3s}.fake-video:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#070707d9 100%)}.fake-copy{position:absolute;bottom:23%;left:9%;z-index:1;display:grid;gap:9px}.fake-kicker{color:var(--yellow);font:700 9px 'IBM Plex Sans';letter-spacing:1px}.fake-copy strong{font:700 clamp(22px,3vw,34px)/.98 'IBM Plex Sans';letter-spacing:-1px}.fake-copy small{color:#dedede;font-size:10px}.play-mark{position:absolute;right:10%;top:12%;z-index:1;width:35px;height:35px;border-radius:50%;background:#ffffff22;border:1px solid #fff8;display:grid;place-items:center;font-size:11px;padding-left:2px}.video-stage video{width:100%;height:100%;object-fit:cover;display:none}.video-stage.has-video video{display:block}.video-stage.has-video .fake-video{display:none}.preview-badge{position:absolute;top:13px;left:13px;background:#0009;color:#fff;padding:5px 7px;border-radius:4px;font:700 9px 'IBM Plex Sans';letter-spacing:1px}.render-title,.render-caption{position:absolute;z-index:2;left:8%;right:8%;text-align:center;text-shadow:0 2px 7px #0009}.render-title{top:12%;font:700 18px/1.05 'IBM Plex Sans'}.render-caption{bottom:8%;font-size:13px;line-height:1.35}.render-caption b{color:var(--yellow)}.player-footer{display:flex;align-items:center;gap:10px;color:#9d9d9d;font-size:10px;padding:11px 2px 1px}.timeline{height:3px;background:#444;flex:1;border-radius:4px}.timeline i{display:block;width:32%;height:100%;background:var(--yellow);border-radius:4px}.preview-caption{font-size:11px;color:#8d8d8d;margin:11px 3px}.preview-size{float:right}.settings-panel label{display:block;color:#cfcfcf;font-size:11px;margin:13px 0 5px}.settings-panel textarea{width:100%;resize:vertical;background:#111;border:1px solid #383838;border-radius:6px;color:#eee;font:13px/1.4 Roboto;padding:10px}.settings-panel textarea:focus{outline:2px solid var(--yellow);outline-offset:1px}.style-options{display:grid;gap:8px}.style-option{display:flex;align-items:center;gap:10px;background:#141414;border:1px solid #383838;color:#fff;text-align:left;border-radius:7px;padding:8px;cursor:pointer}.style-option.active{border-color:var(--yellow)}.style-option>span:nth-child(2){display:grid;gap:3px;flex:1}.style-option b{font-size:12px}.style-option small{color:#858585;font-size:10px}.style-option i{font-style:normal;color:var(--yellow);opacity:0}.style-option.active i{opacity:1}.style-thumb{width:36px;height:42px;display:grid;place-items:center;border-radius:4px;font:700 18px 'IBM Plex Sans'}.thumb-impact{background:var(--yellow);color:#101010}.thumb-clean{background:#e8e2d4;color:#303030;font-size:15px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;margin-top:24px!important}.toggle-row span{display:grid;gap:4px}.toggle-row small{color:#858585;font-size:10px}.toggle-row input{display:none}.toggle-row>i{width:36px;height:20px;background:#4b4b4b;border-radius:20px;position:relative}.toggle-row>i:after{content:'';position:absolute;width:14px;height:14px;background:#ddd;border-radius:50%;top:3px;left:3px;transition:.2s}.toggle-row input:checked+i{background:var(--yellow)}.toggle-row input:checked+i:after{left:19px;background:#111}.primary{width:100%;border:0;background:var(--yellow);color:#121212;border-radius:7px;padding:13px;margin-top:22px;font:700 14px 'IBM Plex Sans';cursor:pointer}.primary:hover{background:#ffe269}.disclaimer{margin:13px 2px 0;text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#f4d23c;color:#111;border-radius:6px;padding:10px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.app-grid{grid-template-columns:280px minmax(300px,1fr)}.settings-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.settings-panel .panel-heading,.settings-panel .section-rule,.settings-panel .disclaimer{grid-column:1/-1}.settings-panel .compact{margin-top:0}}@media(max-width:760px){.topbar{height:auto;min-height:64px;padding:12px 16px;gap:10px}.topbar-status{display:none}main{padding:35px 16px 55px}.intro{display:block;margin-bottom:30px}.intro h1{font-size:45px}.lede{font-size:14px}.stepper{margin-top:25px;gap:14px}.app-grid{display:flex;flex-direction:column}.panel,.preview-column{width:100%}.preview-column{order:-1}.video-stage{max-height:none;aspect-ratio:9/13}.settings-panel{display:block}.preview-size{float:none;display:block;margin-top:5px}}@media(max-width:390px){.brand{font-size:21px}.ghost{font-size:11px;padding:8px}.intro h1{font-size:39px}}