:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#f2f0f9;background:#0b0d14;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#c5a9ff;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;position:sticky;top:0;height:100vh;flex-shrink:0;background:#11131b;border-right:1px solid #252837;padding:26px 16px;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;padding:0 5px 50px}.logo-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(125deg,#8e71eb,#6045c7);border-radius:12px;font-size:19px}.logo b{display:block;font-size:14px;letter-spacing:.07em}.logo small{display:block;color:#9893a9;letter-spacing:.18em;font-size:10px}.logo em{color:#bca8ff;font-style:normal}.nav-title,.kicker{font-weight:800;letter-spacing:.18em;font-size:9px;color:#ab92e2}.nav-title{padding:0 15px;margin-bottom:14px}.nav{width:100%;background:transparent;border:0;color:#9698a9;text-align:left;border-radius:9px;padding:14px 12px;margin:3px 0;font-size:12px;font-weight:650}.nav:hover,.nav.active{background:#262039;color:#e7ddff}.sidebar-bottom{margin-top:auto;background:#191c28;padding:15px;border-radius:10px;border:1px solid #2d3040;font-size:11px;color:#dad8e3}.sidebar-bottom small{display:block;margin:5px 0 0 17px;color:#9292a3}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54b99b;margin-right:9px}main{flex:1;min-width:0}.top{height:74px;border-bottom:1px solid #272936;display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:#9294a8;font-size:11px;letter-spacing:.06em}.top b{color:#6e6d7e;padding:0 7px}.top-info{font-size:11px}.page{display:none;padding:47px 43px 75px;max-width:1260px;margin:auto}.page.active{display:block}.kicker{margin-bottom:13px}h1{font-size:clamp(32px,4vw,46px);line-height:1.2;letter-spacing:-.05em;margin:0 0 12px;font-weight:800}h1 em{font-style:normal;color:#b398fa}.subtitle{font-size:13px;color:#999caf;max-width:760px;margin:0 0 32px;line-height:1.8}.panel{background:#151722;border:1px solid #2b2d3a;padding:24px;border-radius:13px;margin:0 0 19px;box-shadow:0 6px 30px #0002}.panel h2{font-size:19px;margin:7px 0 0;letter-spacing:-.025em}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.panel small{font-size:9px;color:#aba0c2;letter-spacing:.12em;font-weight:800}.chip{font-size:10px;background:#272134;color:#bfa3ed;border-radius:6px;padding:7px 10px}.filters{display:grid;grid-template-columns:180px 1fr auto;gap:13px;align-items:end}.filters label,.studio-form label{font-weight:650;color:#b2afc2;font-size:11px;display:flex;flex-direction:column;gap:9px}input,select,textarea{width:100%;background:#0e1019;color:#f3effe;border:1px solid #383a49;border-radius:8px;padding:11px 12px;outline-offset:2px;min-width:0}textarea{line-height:1.7;resize:vertical}.primary,.secondary{display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-radius:8px;padding:11px 17px;white-space:nowrap}.primary{background:#a182ed;border:1px solid #b196fa;color:#171021}.primary:hover{background:#b69df1}.secondary{background:#242636;color:#d4c6ef;border:1px solid #4b475a}.secondary:hover{background:#2e2e40}.description{font-size:11px;color:#8e91a3;line-height:1.8;margin:14px 0 0}.source-link{font-size:11px}.count{background:#252337;color:#ccbcfc;font-size:11px;padding:5px 8px;border-radius:7px}.cards{display:flex;flex-direction:column}.trend{display:flex;align-items:center;gap:17px;justify-content:space-between;padding:17px 0;border-top:1px solid #2a2d39}.trend-main{min-width:0}.trend b{display:block;font-size:13px;margin:5px 0}.trend small{font-size:10px;color:#8d90a4;letter-spacing:0}.trend .trend-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.trend .trend-meta a{font-size:10px}.trend-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.trend-actions select{font-size:10px;max-width:180px}.empty{color:#9291a6;text-align:center;padding:40px 12px;font-size:12px}.manual-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px}.studio-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-form label:nth-child(1),.studio-form label:nth-child(4),.form-actions{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:14px}.form-actions span{font-size:11px;color:#8b8fa2}.project{border-top:1px solid #292b3b;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:17px 0}.project strong{font-size:13px;display:block}.project small{font-size:10px;color:#9395a5}.project p{font-size:11px;color:#adacc0;margin:7px 0 0;overflow-wrap:anywhere}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.two-col p,.panel>p:not(.description){font-size:12px;color:#a6a8ba;line-height:1.8}.two-col .panel{margin-bottom:0}footer{padding:25px 43px;color:#696d82;border-top:1px solid #262936;font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between;gap:15px}#toast{position:fixed;bottom:22px;right:24px;z-index:10;max-width:min(400px,calc(100vw - 40px));background:#302841;color:#e3d5ff;padding:13px 17px;border:1px solid #574a72;border-radius:10px;font-size:12px;box-shadow:0 20px 40px #0008;display:none}#toast.visible{display:block}#toast.error{background:#4e2531;border-color:#7b3d53;color:#ffd2da}@media(max-width:950px){.sidebar{width:195px}.filters{grid-template-columns:1fr 1fr}.filters .primary{grid-column:1/-1}.page{padding:32px 22px}.top{padding:0 24px}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;padding:12px;flex-direction:row;align-items:center;gap:8px}.sidebar .logo{padding:0;margin-right:auto}.sidebar .logo small,.nav-title,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:3px}.nav{width:38px;height:38px;overflow:hidden;white-space:nowrap;padding:9px;font-size:0;text-align:center}.nav::first-letter{font-size:15px}.top{height:50px;padding:0 15px}.top-info{font-size:9px}.page{padding:28px 15px}.panel{padding:17px}.filters,.manual-form,.studio-form,.two-col{grid-template-columns:1fr}.filters .primary{grid-column:auto}.trend{align-items:stretch;flex-direction:column}.trend-actions{flex-wrap:wrap}.trend-actions select{flex:1;max-width:unset}.form-actions{flex-wrap:wrap}footer{padding:20px 15px}footer span{display:none}}

.backup-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.backup-buttons{width:100%}.backup-buttons button{flex:1}}

/* 2.1: roteiro e cenas, leve para notebooks antigos */
.creative-tools{grid-column:1/-1;border:1px solid #49405d;background:#1c1a2b;border-radius:12px;padding:19px;display:grid;gap:12px}
.creative-tools strong{font-size:10px;letter-spacing:.12em;color:#c5b6e9}
.creative-actions{display:flex;gap:10px;flex-wrap:wrap}
.storyboard{grid-column:1/-1;border-top:1px solid #414052;padding-top:20px}
.storyboard-header{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.storyboard-header h2{font-size:17px;margin:0}
.scene{border:1px solid #353345;border-radius:12px;padding:14px 16px;margin:12px 0;background:#111420}
.scene h3{color:#dfd2ff;font-size:13px;margin:0 0 8px}
.scene p{font-size:12px;line-height:1.65;color:#b5b3c6;margin:5px 0;overflow-wrap:anywhere}
.scene strong{color:#e6e2f8}
.secret-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}
.secret-form label{font-size:12px;color:#a8a5bb;flex:1;min-width:220px}
.secret-form input{display:block;margin-top:8px}
code{font-size:12px;background:#242238;border-radius:4px;padding:2px 5px}
@media(max-width:650px){.creative-tools,.storyboard{grid-column:auto}.creative-actions button{width:100%}.storyboard-header .backup-buttons{width:auto}}

/* Opção de modelo de IA para diagnóstico, sem alterar a biblioteca. */
.ai-choice { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 14px; }
.ai-choice label { font-size:13px; }
.ai-choice select { max-width:100%;min-width:240px; }
#creative-status { overflow-wrap:anywhere;white-space:normal; }

/* Conversor 9:16 — etapa de produção */
.upload-target { border:1px dashed #5c547c; border-radius:16px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; padding:24px; cursor:pointer; background:rgba(146,115,226,.06); }
.upload-target span { font-size:30px; color:#aa8cec; }
.upload-target strong { font-weight:750; }
.upload-target small { color:#a6a8c7; }
.video-workspace { display:grid; grid-template-columns:minmax(165px,250px) minmax(180px,1fr); gap:28px; align-items:start; }
.video-preview { aspect-ratio:9/16; width:100%; max-width:245px; background:#080a13; border:1px solid #47405f; border-radius:16px; overflow:hidden; position:relative; box-shadow:0 10px 28px #0003; }
.video-placeholder { display:grid; place-items:center; text-align:center; color:#acafc9; padding:20px; height:100%; min-height:250px; }
.video-foreground,.video-background { width:100%; height:100%; position:absolute; inset:0; }
.video-foreground {object-fit:cover; object-position:50% 50%;}
.video-background {object-fit:cover; filter:blur(13px) brightness(.65);transform:scale(1.1);}
.video-preview.is-blur .video-foreground {object-fit:contain;}
.video-controls { display:grid; gap:18px; }
.video-controls label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:650; }
.video-controls output { font-size:12px; color:#c4b3ff; }
.video-controls input[type=range] {accent-color:#ab84ee; width:100%;}
.video-controls .checkline {flex-direction:row; gap:10px; align-items:center;}
.video-controls input[type=checkbox] {accent-color:#a883e8; width:16px;height:16px;}
.video-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.video-download { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border:1px solid #686079; padding:12px 20px; border-radius:8px; color:#fff; }
.video-download[hidden] {display:none;}
@media(max-width:680px){.video-workspace{grid-template-columns:1fr}.video-preview{margin:0 auto}.video-controls{gap:14px}}

/* 2.3 — Geracao leve com LTX remota */
.ltx-image-preview{display:block;max-width:min(100%,460px);max-height:340px;object-fit:contain;border-radius:12px;border:1px solid #49405d;margin:18px auto 0}
.ltx-image-preview[hidden]{display:none}
.ltx-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c6c0d7;font-weight:650;margin-bottom:12px}
.ltx-row{display:grid;grid-template-columns:270px 1fr;gap:22px;align-items:center;margin-top:16px}
.ltx-consent{display:flex;gap:10px;align-items:flex-start;margin:17px 0;font-size:12px;color:#bbb1d6;line-height:1.6}
.ltx-consent input{width:17px;height:17px;margin-top:2px;accent-color:#a883e8;flex-shrink:0}
@media(max-width:760px){.ltx-row{grid-template-columns:1fr}}