:root{--bg:#070d06;--panel:#0d150b;--panel-2:#141e12;--line:#e1ebda17;--line-2:#e1ebda29;--text:#f3f6ef;--muted:#9aa592;--faint:#7c8774;--primary:#4a5a3a;--primary-hover:#566a43;--on-primary:#f3f6ef;--accent:#b5cc98;--on-accent:#0b140a;--tint:#b5cc981a;--brand:#4a5a3a;--sand:#e8ddcb;--ink:#0b140a;--em:#b5cc98;--stage:#050a04;--seg:#0a1109;--glow:#7e9c5e73;--card:#0d150b;--shadow:#00000080;--elev:0 1px 2px #0000004d, 0 12px 32px -18px #000000b3;--elev-hover:0 1px 2px #0000004d, 0 24px 48px -24px #000c;--serif:Newsreader, Georgia, serif;--danger:#ff6b6b;--logo:url(/brand/elefante-branco.png);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f5ef;--panel:#fff;--panel-2:#f3f0e8;--line:#1c211817;--line-2:#1c211829;--text:#1c2118;--muted:#5c6456;--faint:#7e8577;--primary:#4a5a3a;--primary-hover:#3b4a2e;--on-primary:#fff;--accent:#4f6a3a;--on-accent:#fff;--tint:#eef3e9;--em:#4f6a3a;--stage:#efece4;--seg:#f1eee6;--glow:#6e8c5052;--card:#fff;--shadow:#1c211829;--elev:0 1px 2px #1c21180a, 0 8px 24px -16px #1c21182e;--elev-hover:0 1px 2px #1c21180a, 0 24px 48px -24px #1c211847;--danger:#c8283a;--logo:url(/brand/elefante-verde.png);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.45 Work Sans,system-ui,sans-serif}button,select,input{font:inherit;color:inherit}select{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:11px}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--muted);margin:0 0 12px;font-size:12px}.err{color:var(--danger)}.landing{text-align:center;background:radial-gradient(800px 400px at 50% 0%, var(--glow), transparent 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-weight:800;display:flex}.brand.big{margin-bottom:28px;font-size:20px}.landing h1{letter-spacing:-.035em;margin:0 0 14px;font-size:clamp(32px,6vw,60px);font-weight:900;line-height:1.05}.landing h1 em{color:var(--accent);font-style:normal}.sub{color:var(--muted);max-width:520px;margin:0 0 32px;font-size:16px}.drop{border:2px dashed var(--line);cursor:pointer;background:var(--panel);border-radius:24px;flex-direction:column;gap:6px;width:min(560px,100%);padding:56px 20px;transition:all .15s;display:flex}.drop:hover,.drop.over{border-color:var(--accent);background:var(--panel-2)}.drop strong{font-size:18px}.drop span{color:var(--muted)}.opts{justify-content:center;margin-top:16px}.app{grid-template:"top top"56px"panel stage"minmax(0,1fr)"tl tl"262px/380px 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:16px;padding:0 16px;display:flex}.project{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.top-actions{gap:8px;display:flex}.panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:panel;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px;display:flex}.tabs button,.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:8px;font-weight:600}.tabs button.on,.seg button.on{background:var(--panel-2);color:var(--text)}.panel-body{flex:1;padding:16px;overflow:auto}.transcript p{margin:0 0 14px;font-size:15px;line-height:1.9}.ts{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4;display:block}.w{cursor:pointer;border-radius:4px;padding:1px 0}.w:hover{background:var(--panel-2)}.w.active{background:var(--accent);color:var(--on-accent)}.w.sel{outline:1px solid var(--accent)}.w.cut{color:var(--danger);opacity:.6;text-decoration:line-through}.word-edit{background:var(--panel-2);border:1px solid var(--accent);border-radius:4px;margin-right:4px;padding:0 4px}.working{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bar{background:var(--panel-2);border-radius:99px;width:100%;height:6px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.presets{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.preset{cursor:pointer;background:linear-gradient(135deg,#2b2b33,#17171b);border:2px solid #0000;border-radius:12px;height:64px;font-size:15px;overflow:hidden}.preset span{border-radius:6px;padding:2px 6px}.preset.on{border-color:var(--accent)}.field{margin-bottom:16px}.field>label{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.field select{width:100%}.field.range input{width:100%;accent-color:var(--accent)}.seg{background:var(--seg);border-radius:12px;flex-wrap:wrap;padding:3px;display:flex}.colors{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.color{color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:40px;height:40px;padding:0}.color input::-webkit-color-swatch-wrapper{padding:0}.color input::-webkit-color-swatch{border:0;border-radius:50%}.checks{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.checks input{accent-color:var(--accent)}.tools{flex-direction:column;gap:10px;display:flex}.tool{background:var(--panel-2);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.tool>div{flex:1}.tool h4{margin:0 0 2px;font-size:14px}.tool p{color:var(--muted);margin:0;font-size:12px}.tool .field{margin:12px 0 0}.switch{background:var(--line);cursor:pointer;border:0;border-radius:99px;flex:none;width:40px;height:24px;position:relative}.switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px}.switch.on i{background:var(--on-accent);left:19px}.stage{background:radial-gradient(600px 400px at 50% 40%, var(--glow), var(--stage));flex-direction:column;grid-area:stage;justify-content:center;align-items:center;gap:12px;min-height:0;padding:20px;display:flex;overflow:hidden}.preview{background:#000;border-radius:18px;flex:1;max-width:100%;min-height:0;overflow:hidden;box-shadow:0 30px 80px #0009}.preview canvas{cursor:pointer;width:100%;height:100%;display:block}.source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.controls{align-items:center;gap:12px;display:flex}.play{background:var(--text);width:40px;height:40px;color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;font-size:13px}.tc{font-variant-numeric:tabular-nums;color:var(--muted)}.saved{color:var(--accent);background:#c5d6a81a;border-radius:99px;padding:2px 8px;font-size:12px}.modal{z-index:10;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);padding:24px;display:flex}.card h3{margin:0}.result{border-radius:12px;max-width:100%;max-height:50vh}.pct{margin:0;font-weight:700}@media (width<=860px){.app{grid-template:"top"56px"stage"50vh"tl"236px"panel"1fr/1fr}.panel{border-right:0}.project{display:none}}.btn.sm{padding:6px 12px;font-size:12px}.tabs{gap:2px;padding:8px}.tabs button{flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;display:flex}.tabs button b{font-size:15px;line-height:1}.section{margin-bottom:22px}.section h5{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:700}.section .field{margin:12px 0 0}.presets{grid-template-columns:1fr 1fr}.preset{white-space:nowrap;height:58px;padding:0 6px;font-size:14px}.preset span{display:inline-block}.preset b{border-radius:4px;padding:0 4px}.seg{gap:2px}.seg button{padding:7px 4px;font-size:11.5px}.fonts{grid-template-columns:1fr 1fr;gap:6px;max-height:230px;margin-bottom:10px;padding-right:4px;display:grid;overflow:auto}.fonts button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:9px 8px;font-size:15px;overflow:hidden}.fonts button.on{border-color:var(--accent);color:var(--accent)}.colors{grid-template-columns:repeat(6,1fr)}.color span{text-align:center;font-size:10px}.color input{width:34px;height:34px}.checks{flex-direction:column;gap:10px;margin-top:12px}.checks label{cursor:pointer;align-items:center;gap:10px;display:flex}.checks .switch{transform:scale(.85)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip.ghost{color:var(--muted);border-style:dashed}.filters{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.filters button{cursor:pointer;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:10.5px;display:flex}.filters i{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ffd2a6 0 18%,#0000 19%),linear-gradient(160deg,#3fa7ff,#ff6a88 55%,#2c8a4b);border:2px solid #0000;border-radius:10px;width:100%}.filters button.on{color:var(--text)}.filters button.on i{border-color:var(--accent)}.drop.small{text-align:center;border-radius:16px;padding:22px 14px;font-size:13px}.drop.small strong{font-size:14px}.drop.small span{font-size:11.5px}.music-card{background:var(--panel-2);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.music-card>div{flex:1;min-width:0}.music-card strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.music-card .hint{margin:0}.music-icon{color:#c9b6ff;background:#3b2a6b;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.cc{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:800}.cc.on{color:var(--accent);border-color:var(--accent)}.timeline{border-top:1px solid var(--line);background:var(--panel);grid-area:tl;min-width:0;overflow:hidden}.tl-wrap{flex-direction:column;height:100%;display:flex}.tl-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 12px;display:flex}.tl-toolbar .ic,.tl-toolbar .tb{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:600}.tl-toolbar .ic{padding:3px 8px;font-size:16px}.tl-toolbar button:hover:not(:disabled){background:var(--panel-2)}.tl-toolbar button:disabled{opacity:.3;cursor:default}.tl-toolbar .sep{background:var(--line);width:1px;height:18px}.tl-toolbar .grow{flex:1}.speed{color:var(--muted);align-items:center;gap:2px;margin-left:6px;font-size:12px;display:flex}.speed button{background:var(--panel-2);cursor:pointer;border:0;border-radius:6px;margin-left:2px;padding:3px 7px;font-size:11.5px}.speed button.on{background:var(--accent);color:var(--on-accent)}.zoom{align-items:center;gap:4px;display:flex}.zoom input{width:110px;accent-color:var(--accent)}.tl-scroll{flex:1;position:relative;overflow:auto hidden}.tl-inner{-webkit-user-select:none;user-select:none;height:100%;padding:0 16px;position:relative}.tl-ruler{cursor:pointer;border-bottom:1px solid var(--line);height:20px;position:relative}.tl-ruler span{color:var(--muted);border-left:1px solid var(--line);padding-left:3px;font-size:10px;line-height:14px;position:absolute;top:3px}.track{margin-top:5px;position:relative}.track.video{cursor:pointer;height:54px}.track.caps{height:20px}.track.fx,.track.sfx{height:22px}.track.music{height:18px}.wave{pointer-events:none;z-index:1;height:100%;position:absolute;inset:0}.seg-block{background:#24324a;border:1.5px solid #3c5378;border-radius:8px;position:absolute;top:0;bottom:0;overflow:visible}.seg-block.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.seg-block em{background:var(--accent);color:var(--on-accent);z-index:3;border-radius:4px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:3px;left:6px}.handle{cursor:ew-resize;z-index:4;opacity:.85;background:#fff;border-radius:4px;width:9px;position:absolute;top:-2px;bottom:-2px;right:-5px}.handle:hover{background:var(--accent)}.skip{z-index:2;pointer-events:none;background:repeating-linear-gradient(45deg,#ff4d5e59 0 5px,#ff4d5e1f 5px 10px);border-radius:4px;position:absolute;top:0;bottom:0}.cap{color:#cfc2ff;white-space:nowrap;text-overflow:ellipsis;background:#2b2540;border-radius:5px;padding:0 5px;font-size:10px;line-height:20px;position:absolute;top:0;bottom:0;overflow:hidden}.fx-block{color:#ffc56b;white-space:nowrap;cursor:grab;background:#4a3313;border:1px solid #7a5520;border-radius:6px;padding:0 5px;font-size:10.5px;line-height:20px;position:absolute;top:0;bottom:0;overflow:hidden}.sfx-pin{cursor:grab;background:#13384a;border:1px solid #23627e;border-radius:6px;place-items:center;width:24px;height:22px;margin-left:-12px;font-size:12px;display:grid;position:absolute;top:0}.fx-block.sel,.sfx-pin.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.music-bar{color:#c9b6ff;white-space:nowrap;background:#2a1f45;border-radius:5px;padding:0 8px;font-size:10.5px;line-height:18px;position:absolute;inset:0;overflow:hidden}.tl-head{background:var(--accent);pointer-events:none;z-index:5;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.tl-head:before{content:"";border:6px solid #0000;border-top-color:var(--accent);position:absolute;top:0;left:-5px}.brand.home{cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}input.project{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;max-width:360px;padding:6px 8px}input.project:hover,input.project:focus{border-color:var(--line);color:var(--text);outline:none}.save-state{color:var(--muted);flex:1;font-size:12px}.text-list{flex-direction:column;gap:4px;display:flex}.text-list button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.text-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-list small{color:var(--muted);flex:none}.text-list button.on{border-color:var(--accent)}.text-input{background:var(--panel-2);border:1px solid var(--line);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:10px;padding:10px}.btn.danger{color:var(--danger);border-color:#5a2228}.track.texts{height:20px}.text-block{color:#7ff0d0;white-space:nowrap;cursor:grab;text-overflow:ellipsis;background:#0f3b33;border:1px solid #1d6b5c;border-radius:5px;padding:0 12px 0 5px;font-size:10.5px;line-height:18px;position:absolute;top:0;bottom:0;overflow:visible}.text-block .handle{width:7px;top:0;bottom:0;right:-2px}.text-block.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.music-bar.dub{color:#ffc56b;background:#3d2a12;width:50%;left:auto;right:0}.working.inline{text-align:left;align-items:stretch;padding:10px 0 0}.working.inline p{margin:0;font-size:12px}.dub-box{background:var(--panel-2);border-radius:14px;margin-top:12px;padding:12px}.dub-box .checks{margin-top:0}.dub-box details{margin:10px 0;font-size:12.5px}.dub-box summary{cursor:pointer;color:var(--muted)}.dub-line{margin:8px 0}.dub-line small{color:var(--muted);display:block}.projects{text-align:left;width:min(760px,100%);margin-top:40px}.projects h5{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.project-card .thumb{aspect-ratio:9/12;cursor:pointer;background:#000;border:0;width:100%;padding:0;display:block}.project-card .thumb img{object-fit:cover;width:100%;height:100%}.project-card .meta{flex-direction:column;padding:8px 10px;display:flex}.project-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-card small{color:var(--muted);font-size:11px}.project-card .del{cursor:pointer;opacity:0;background:#0009;border:0;border-radius:50%;width:24px;height:24px;position:absolute;top:6px;right:6px}.project-card:hover .del{opacity:1}@media (height<=760px) and (width>=861px){.app{grid-template-rows:52px minmax(0,1fr) 214px}.track.video{height:34px}.track{margin-top:3px}.track.caps,.track.texts,.track.fx,.track.sfx{height:18px}.tl-toolbar{min-height:36px;padding:3px 12px}}.btn.ai{background:var(--panel-2);border-color:var(--accent);color:var(--text)}.btn.ai:not(:disabled):hover{background:var(--accent);color:var(--on-accent)}.auto-card{text-align:left;align-items:stretch;gap:18px;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto}.auto-head{align-items:flex-start;gap:14px;display:flex}.auto-head h3{font-family:var(--serif);margin:0 0 2px;font-size:26px;font-weight:500}.auto-head .hint{margin:0}.auto-icon{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:14px;flex:none;place-items:center;font-size:20px;display:grid}.auto-section h5{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.auto-paces{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auto-paces button{text-align:left;border:2px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex}.auto-paces button.on{border-color:var(--accent)}.auto-paces small,.auto-toggle small{color:var(--muted);font-size:12px;line-height:1.35}.auto-toggle{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.auto-toggle strong,.auto-toggle small{display:block}.auto-working{flex-direction:column;align-items:center;gap:14px;padding:40px 0;display:flex}.auto-report{flex-direction:column;gap:2px;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.auto-report li{border-radius:10px;grid-template-columns:52px 26px 1fr;align-items:start;gap:8px;padding:9px 6px;display:grid}.auto-report li:hover{background:var(--panel-2)}.auto-report strong,.auto-report small{display:block}.auto-report small{color:var(--muted);font-size:12.5px;line-height:1.4}.auto-time{border:1px solid var(--line);background:var(--panel);color:var(--accent);font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;border-radius:8px;padding:3px 0;font-size:12px;font-weight:700}.auto-time.all{color:var(--muted);cursor:default;font-weight:600}.auto-emoji{text-align:center;font-size:17px;line-height:1.4}@media (width<=560px){.auto-paces{grid-template-columns:1fr}}.auto-brains{grid-template-columns:1fr 1fr}.auto-step{grid-template-columns:28px 1fr;gap:10px;display:grid}.auto-step>b{background:var(--panel-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.auto-prompt{color:var(--muted);margin-top:8px;font-size:12px}.auto-prompt pre{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;max-height:180px;padding:10px;font-size:11px;overflow:auto}.auto-answer{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;border-radius:12px;margin-top:8px;padding:10px 12px;font:12px/1.45 ui-monospace,monospace}.auto-paces.four{grid-template-columns:1fr 1fr}.auto-paces button:disabled{opacity:.55;cursor:not-allowed}.auto-paces button.mine:not(:disabled){background:linear-gradient(135deg, var(--panel-2), var(--glow))}@font-face{font-family:Savana Display;src:url(/brand/savana-display.ttf)format("truetype");font-display:swap}.boot{background:var(--bg);height:100%}.shell{grid-template-columns:248px minmax(0,1fr);height:100%;transition:grid-template-columns .2s;display:grid}.shell.nav-min{grid-template-columns:72px minmax(0,1fr)}.shell-main{background:var(--bg);min-width:0;height:100%;overflow:auto}.sidebar{background:var(--panel);border-right:1px solid var(--line);scrollbar-width:none;flex-direction:column;gap:24px;height:100%;padding:20px 16px;display:flex;overflow:hidden auto}.sidebar-brand{cursor:pointer;text-align:left;white-space:nowrap;color:var(--text);background:0 0;border:0;padding:6px 8px 4px}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-title{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap;margin:0 0 6px;padding:0 12px;font-size:11px;font-weight:600}.nav-item{width:100%;height:40px;color:var(--muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font:500 14px Work Sans,sans-serif;transition:background .2s,color .2s;display:flex}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.on{background:var(--tint);color:var(--accent);font-weight:600}.nav-item.create{color:var(--text)}.nav-item.create .icon{color:var(--accent)}.nav-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.mode-switch{background:var(--seg);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid}.mode-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:32px;font:500 13px Work Sans,sans-serif;display:flex}.mode-switch button.on{background:var(--panel);color:var(--text);box-shadow:var(--elev)}.nav-min .sidebar{padding:20px 12px}.nav-min .nav-item span,.nav-min .nav-title,.nav-min .mode-switch span{display:none}.nav-min .nav-item{justify-content:center;padding:0}.nav-min .mode-switch{grid-template-columns:1fr}.nav-min .sidebar-brand{justify-content:center;padding:6px 0 4px;display:flex}.savana-brand{color:var(--text);align-items:center;gap:10px;line-height:1;display:inline-flex}.logo-mark{background:currentColor;flex:none;display:block;-webkit-mask:url(/brand/elefante-branco.png) 50%/contain no-repeat;mask:url(/brand/elefante-branco.png) 50%/contain no-repeat}.savana-brand .wordmark{letter-spacing:.08em;text-transform:uppercase;font-family:Savana Display,Work Sans,sans-serif;font-size:1.15em}.savana-brand .brand-sub{font-family:var(--serif);color:var(--accent);font-size:1.1em;font-style:italic;font-weight:400}.crumb{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 4px}.crumb:hover{color:var(--text)}.home{background:var(--bg);isolation:isolate;min-height:100%;padding:0 40px 96px;position:relative;overflow-x:clip}.home:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:56px 56px;height:560px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1120px;margin:0 auto;padding:56px 0 8px;display:flex}.page-head h1{letter-spacing:-.035em;margin:0;font-family:Work Sans,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.08}.page-head .kicker{margin-bottom:14px}.page-head .crumb{margin-bottom:10px}.sub{color:var(--muted);font-size:16px;line-height:1.6}.vis-sub{max-width:58ch;margin:12px 0 0}.home-hero{text-align:center;flex-direction:column;align-items:center;max-width:1120px;margin:0 auto 48px;padding:88px 0 0;display:flex;position:relative}.home-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, var(--glow) 0%, transparent 60%);filter:blur(24px);opacity:.6;width:120%;height:120%;position:absolute;top:40%;left:50%;transform:translate(-50%)}.hero-badge{border:1px solid var(--line-2);background:var(--panel);height:36px;color:var(--muted);box-shadow:var(--elev);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:0 16px 0 12px;font-size:14px;display:inline-flex}.hero-badge .logo-mark{color:var(--accent)}.home-hero h1{letter-spacing:-.04em;max-width:17ch;margin:0 0 20px;font-family:Work Sans,sans-serif;font-size:clamp(36px,5.2vw,68px);font-weight:500;line-height:1.06}.home-hero h1 em{font-family:var(--serif);letter-spacing:-.02em;color:var(--em);font-style:italic;font-weight:400}.home-hero .sub{max-width:54ch;margin:0;font-size:18px}.modules{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1120px;margin:0 auto;display:grid}.module{text-align:left;border:1px solid var(--line);background:var(--card);box-shadow:var(--elev);cursor:pointer;color:var(--text);border-radius:16px;flex-direction:column;gap:8px;padding:32px;transition:box-shadow .3s,transform .3s,border-color .3s;display:flex}.module:hover{border-color:var(--line-2);box-shadow:var(--elev-hover);transform:translateY(-2px)}.icon-box,.module-icon{background:var(--tint);width:48px;height:48px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.module strong{letter-spacing:-.015em;font-size:20px;font-weight:500}.module span:not(.module-icon){color:var(--muted);font-size:15px}.module em{color:var(--accent);align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:14px;font-style:normal;font-weight:500;display:inline-flex}.module em .icon{transition:transform .2s}.module:hover em .icon{transform:translate(3px)}.recent{max-width:1120px;margin:56px auto 0}.recent h5{margin:0 0 16px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:16px;display:grid}.recent-card{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.recent-card .thumb{aspect-ratio:4/5;background:var(--tint);border:1px solid var(--line);color:var(--accent);cursor:pointer;width:100%;box-shadow:var(--elev);border-radius:12px;place-items:center;margin-bottom:8px;padding:0;transition:box-shadow .3s,border-color .3s;display:grid;overflow:hidden}.recent-card:hover .thumb{border-color:var(--line-2);box-shadow:var(--elev-hover)}.recent-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.recent-card:hover .thumb img{transform:scale(1.04)}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.recent-card small{color:var(--faint);font-size:12px}.learn-toggle{cursor:pointer;background:var(--panel);border:1px solid var(--line-2);border-radius:999px;gap:10px;height:40px;padding:0 16px 0 8px;font-size:14px;font-weight:500}.learn-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1120px;margin:0 auto;display:grid}.learn-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);border-radius:16px;padding:32px}.learn-card h3{align-items:baseline;gap:10px;margin:0 0 20px;font-size:20px;display:flex}.learn-card h3 small{letter-spacing:0;color:var(--faint);font-size:12px;font-weight:500}.learn-card ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.learn-card li{grid-template-columns:28px 1fr;gap:8px;font-size:15px;line-height:1.45;display:grid}.learn-log{background:var(--card);border:1px solid var(--line);box-shadow:var(--elev);border-radius:16px;flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.learn-log li{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto auto;align-items:center;gap:12px;padding:14px 20px;display:grid}.learn-log li:last-child{border-bottom:0}.learn-log span,.learn-log small{color:var(--faint)}.learn-log strong{font-weight:500}@media (width<=760px){.shell,.shell.nav-min{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:16px 8px}.sidebar .nav-item span,.sidebar .nav-title,.sidebar .mode-switch span,.sidebar .wordmark,.sidebar .brand-sub{display:none}.sidebar .nav-item{justify-content:center;padding:0}.mode-switch{grid-template-columns:1fr}.home{padding:0 16px 64px}.home-hero{padding-top:48px}}html,body,#root{-webkit-font-smoothing:antialiased;font:15px/1.55 Work Sans,-apple-system,BlinkMacSystemFont,sans-serif}::selection{background:var(--primary);color:var(--on-primary)}.icon{flex-shrink:0}h1,h2,h3{letter-spacing:-.03em;text-wrap:balance;font-weight:500}em.serif,.serif{font-family:var(--serif);letter-spacing:-.02em;color:var(--em);font-style:italic;font-weight:400}.btn{border:1px solid var(--line-2);background:var(--panel);height:40px;color:var(--text);border-radius:999px;justify-content:center;gap:8px;padding:0 18px;font:500 14px/1 Work Sans,sans-serif;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 24px -10px var(--glow);border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:#0000}.btn.ghost{background:0 0}.btn.sm{gap:6px;height:32px;padding:0 12px;font-size:13px}.btn.danger{color:var(--danger)}.btn.ai{border-color:var(--accent);color:var(--accent);background:var(--tint)}.btn.ai:not(:disabled):hover{background:var(--primary);color:var(--on-primary);border-color:#0000}.btn:disabled{opacity:.45}select,.cs-input,.cs-text,.auto-answer,.cs-copy textarea{background:var(--panel);border:1px solid var(--line-2);color:var(--text);border-radius:12px;transition:border-color .2s,box-shadow .2s}select{height:40px;padding:0 12px}select:focus,.cs-input:focus,.cs-text:focus,.auto-answer:focus,.cs-copy textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint);outline:0}.cs-input{min-height:40px}.seg,.tabs{background:var(--seg);border:1px solid var(--line);border-radius:14px;gap:2px;padding:4px}.tabs{border-bottom:1px solid var(--line);margin:12px}.seg button,.tabs button{color:var(--muted);border-radius:10px;font-weight:500;transition:background .2s,color .2s}.seg button:hover,.tabs button:hover{color:var(--text)}.seg button.on,.tabs button.on{background:var(--panel);color:var(--text);box-shadow:var(--elev)}.tabs button{gap:4px;padding:8px 2px 6px}.tabs button b{place-items:center;height:18px;display:grid}.switch{background:var(--line-2)}.switch.on{background:var(--primary)}.switch i,.switch.on i{background:#fff;box-shadow:0 1px 3px #0003}.section h5,.auto-section h5,.side-title,.brand-preview h5,.recent h5{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.kicker:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.hint{color:var(--muted)}.topbar{background:var(--panel);border-bottom:1px solid var(--line);height:64px}@media (width>=861px){.app{grid-template-rows:64px minmax(0,1fr) 262px}}@media (width>=1001px){.cs{grid-template-rows:64px minmax(0,1fr)}}.panel,.cs-slides{background:var(--panel);border-color:var(--line)}.stage,.cs-stage{background:radial-gradient(600px 360px at 50% 45%, color-mix(in srgb, var(--glow) 40%, transparent), transparent 75%), linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 56px 56px, var(--stage)}.timeline{background:var(--panel);border-top:1px solid var(--line)}.project{font-weight:500}.crumb{align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.modal{-webkit-backdrop-filter:blur(8px);background:#1c211852}.card,.vis-modal{border:1px solid var(--line);background:var(--panel);border-radius:24px;box-shadow:0 40px 80px -32px #1c211859}.card h3,.auto-head h3{letter-spacing:-.03em;font-family:Work Sans,sans-serif;font-weight:500}.auto-icon{background:var(--tint);color:var(--accent)}.auto-paces button,.cs-themes button,.cs-ref,.cs-layers button{border-color:var(--line-2);border-radius:14px}.auto-paces button{background:var(--panel)}.auto-paces button.on,.cs-themes button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.toast{background:var(--text);color:var(--bg)}.chips button{border-color:var(--line-2);background:var(--panel);height:32px;color:var(--muted);font-weight:500;transition:all .2s}.chips button:hover{color:var(--text);border-color:var(--accent)}.chips button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.landing{background:radial-gradient(900px 420px at 50% 110%, var(--glow), transparent 70%), var(--bg)}.landing h1{letter-spacing:-.04em;font-family:Work Sans,sans-serif;font-weight:500}.landing h1 em{font-family:var(--serif);color:var(--em);font-style:italic;font-weight:400}.drop{background:var(--panel);border:1.5px dashed var(--line-2);box-shadow:var(--elev)}.drop:hover,.drop.over{border-color:var(--accent);background:var(--panel);box-shadow:var(--elev-hover)}.project-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--elev)}.seg-block{background:var(--tint);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:10px}.wave path{fill:color-mix(in srgb, var(--accent) 45%, transparent)}.seg-block.deleted{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--danger) 14%, transparent) 0 6px, transparent 6px 12px);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.cap{background:var(--panel);color:var(--text);border:1px solid var(--line-2)}.fx-block{color:#7a4d12;background:#f6ead8;border:1px solid #e8cfa8}.sfx-pin{background:#e3eef4;border:1px solid #b9d3e0}.text-block{color:#3b4a2e;background:#e7efe0;border:1px solid #c9d8bb}.music-bar{color:#4f3d73;background:#ece6f4;border:1px solid #d5cae6}.music-bar.dub{color:#1d5b4c;background:#e2f1ec;border-color:#bfe0d6}.music-icon{color:#4f3d73;background:#ece6f4}:root:not([data-theme=light]) .fx-block{color:#ffc56b;background:#3d2a12;border-color:#7a5520}:root:not([data-theme=light]) .sfx-pin{background:#13384a;border-color:#23627e}:root:not([data-theme=light]) .text-block{color:#b5cc98;background:#1f2c18;border-color:#3b4a2e}:root:not([data-theme=light]) .music-bar,:root:not([data-theme=light]) .music-icon{color:#c9b6ff;background:#2a1f45;border-color:#3b2a6b}:root:not([data-theme=light]) .music-bar.dub{color:#7ff0d0;background:#0f3b33;border-color:#1d6b5c}.auth{background:radial-gradient(60% 50% at 50% 0%, var(--tint), transparent 70%), var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--elev);border-radius:24px;flex-direction:column;gap:8px;padding:36px 32px 32px;display:flex}.auth-card h1{letter-spacing:-.02em;color:var(--text);margin:24px 0 0;font:500 30px/1.15 Work Sans,sans-serif}.auth-card h1 em,.account-head h1 em{font-family:var(--serif);color:var(--em);font-style:italic}.auth-lead{color:var(--muted);margin:0 0 16px;line-height:1.5}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-form .cs-input,.account-form .cs-input{width:100%;padding:0 14px;font-size:15px}.auth-form .btn{justify-content:center;height:46px;margin-top:6px}.auth-error{color:var(--danger);margin:0;font-size:14px}.account .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0;font-size:11px;font-weight:600}.account{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:48px 24px 80px;display:flex}.account-head h1{letter-spacing:-.02em;margin:6px 0 8px;font:500 40px/1.1 Work Sans,sans-serif}.account-sub{color:var(--muted);margin:0 0 12px;line-height:1.5}.account-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--elev);border-radius:24px;padding:24px}.account-card h3{letter-spacing:-.02em;margin:0 0 8px;font:500 20px/1.3 Work Sans,sans-serif}.account-card.highlight{border-color:var(--accent);background:linear-gradient(var(--tint), var(--tint)), var(--card)}.account-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:10px;display:grid}.account-form .btn{justify-content:center}.account-ok{color:var(--accent);margin:12px 0 0}.team-admin{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.team-list{flex-direction:column;margin:0 0 18px;padding:0;list-style:none;display:flex}.team-list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.team-avatar{background:var(--tint);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.team-name{flex-direction:column;flex:1;min-width:0;display:flex}.team-name small{color:var(--faint)}.import-progress .bar{background:var(--line);border-radius:6px;height:6px;margin:8px 0;overflow:hidden}.import-progress .bar i{background:var(--accent);height:100%;transition:width .3s;display:block}@media (width<=719px){.auth-card{padding:28px 20px 24px}.account{padding:28px 16px 64px}.account-head h1{font-size:30px}}
