@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";.upload-root{gap:var(--sp-2);flex-direction:column;display:flex}.upload-header{padding:0 var(--sp-1);justify-content:space-between;align-items:center;display:flex}.upload-formats{opacity:.5}.upload-zone{border:var(--border);background:var(--c-dark);padding:var(--sp-9) var(--sp-6);justify-content:center;align-items:center;gap:var(--sp-3);cursor:pointer;transition:var(--t-mid);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.upload-zone:hover{border-color:var(--c-cream)}.upload-zone--active{border-color:var(--c-accent);background:var(--c-accent-glow-04)}.upload-zone--active .upload-icon{color:var(--c-accent)}.upload-icon{color:var(--c-muted);transition:var(--t-mid)}.upload-zone:hover .upload-icon{color:var(--c-cream)}.upload-label{font-family:var(--font-mono);color:var(--c-cream);letter-spacing:.02em;font-size:13px;font-weight:500}.upload-sub{font-family:var(--font-mono);color:var(--c-muted);letter-spacing:.05em;font-size:10px}.upload-corner{border-color:var(--c-accent);width:10px;height:10px;transition:opacity var(--t-mid);opacity:0;border-style:solid;position:absolute}.upload-zone:hover .upload-corner,.upload-zone--active .upload-corner{opacity:1}.upload-corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.upload-corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.upload-corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.upload-corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.upload-error{padding:var(--sp-2) var(--sp-1)}.preview-root{gap:var(--sp-4);flex-direction:column;display:flex}.preview-header{justify-content:space-between;align-items:center;display:flex}.preview-meta{gap:var(--sp-4);align-items:center;display:flex}.preview-size{color:var(--c-accent)}.preview-video-wrap{background:var(--c-embed);border:var(--border);aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-video{object-fit:contain;width:100%;height:100%}.preview-play-btn{bottom:var(--sp-3);left:var(--sp-3);border:var(--border);width:36px;height:36px;color:var(--c-embed-text);cursor:pointer;transition:var(--t-fast);background:#0a0a0ad9;justify-content:center;align-items:center;display:flex;position:absolute}.preview-play-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.trim-root{gap:var(--sp-2);flex-direction:column;display:flex}.trim-header{justify-content:space-between;align-items:center;display:flex}.trim-duration{font-variant-numeric:tabular-nums}.trim-track{background:var(--c-dark);border:var(--border);height:24px;position:relative}.trim-region{background:var(--c-accent-glow-20);border-left:2px solid var(--c-accent);border-right:2px solid var(--c-accent);pointer-events:none;height:100%;position:absolute;top:0}.trim-playhead{background:var(--c-cream);pointer-events:none;width:1px;height:100%;position:absolute;top:0;transform:translate(-50%)}.trim-handle{opacity:0;cursor:ew-resize;pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.trim-handle::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:ew-resize;width:20px;height:24px}.trim-handle::-moz-range-thumb{pointer-events:auto;cursor:ew-resize;background:0 0;border:none;width:20px;height:24px}.trim-handle--end{z-index:2}.trim-times{justify-content:space-between;display:flex}.trim-time-block{flex-direction:column;gap:2px;display:flex}.trim-time-block--right{align-items:flex-end}.preview-footer{padding-top:var(--sp-2);border-top:var(--border);justify-content:space-between;align-items:center;display:flex}.ctrl-root{flex-direction:column;display:flex}.ctrl-header{padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:center;display:flex}.ctrl-led-row{gap:var(--sp-2);align-items:center;display:flex}.ctrl-led{background:var(--c-led-off);width:6px;height:6px;box-shadow:none;border-radius:50%}.ctrl-led--on{background:var(--c-led-on);box-shadow:0 0 6px var(--c-accent);animation:2s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.ctrl-body{flex-direction:column;gap:0;display:flex}.ctrl-block{padding:var(--sp-3) var(--sp-4);border-top:var(--border);justify-content:space-between;align-items:center;display:flex}.ctrl-segments{border:var(--border);display:flex}.ctrl-seg{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:none;border-right:var(--border);color:var(--c-muted);cursor:pointer;transition:var(--t-fast);background:0 0;padding:5px 10px;font-size:10px;font-weight:700}.ctrl-seg:last-child{border-right:none}.ctrl-seg:hover{color:var(--c-cream);background:var(--c-mid)}.ctrl-seg--active{background:var(--c-accent);color:var(--c-contrast)}.ctrl-seg--active:hover{background:var(--c-accent-hover);color:var(--c-contrast)}.ctrl-toggle{align-items:center;gap:var(--sp-2);background:var(--c-dark);border:var(--border);cursor:pointer;transition:var(--t-fast);padding:5px 10px;display:flex}.ctrl-toggle--on{border-color:var(--c-accent)}.ctrl-toggle-dot{background:var(--c-muted);width:6px;height:6px;transition:var(--t-fast);border-radius:50%}.ctrl-toggle--on .ctrl-toggle-dot{background:var(--c-accent);box-shadow:0 0 4px var(--c-accent)}.ctrl-toggle-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);min-width:36px;transition:var(--t-fast);font-size:10px;font-weight:700}.ctrl-toggle--on .ctrl-toggle-label{color:var(--c-accent)}.conv-root{flex-direction:column;display:flex}.conv-header{padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:center;display:flex}.conv-status-row{align-items:center;gap:var(--sp-2);display:flex}.conv-status-dot{background:var(--c-dim);border-radius:50%;width:6px;height:6px}.conv-status-dot--active{background:var(--c-accent);box-shadow:0 0 6px var(--c-accent);animation:.8s ease-in-out infinite alternate pulse}.conv-status-dot--done{background:var(--c-green-success);box-shadow:0 0 6px var(--c-green-success)}@keyframes pulse{0%{opacity:1}to{opacity:.3}}.conv-status-label{font-variant-numeric:tabular-nums}.conv-body{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.led-display{font-family:var(--font-mono);background:var(--c-led-bg);border:1px solid var(--c-led-border);padding:var(--sp-3) var(--sp-4);color:var(--c-led-on);letter-spacing:.05em;text-shadow:0 0 8px var(--c-accent);white-space:pre;font-size:13px;font-weight:500;overflow:hidden}.led-text{display:block}.prog-bar{align-items:center;gap:2px;display:flex}.prog-seg{background:var(--c-led-off);border:1px solid var(--c-dim);flex:1;height:8px}.prog-seg--on{background:var(--c-accent);border-color:var(--c-accent);box-shadow:0 0 4px var(--c-accent-glow-40)}.prog-pct{font-family:var(--font-mono);color:var(--c-accent);letter-spacing:.05em;white-space:pre;margin-left:var(--sp-2);text-align:right;min-width:36px;font-size:10px;font-weight:700}.conv-footer{padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.conv-preflight{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--c-dim);flex-direction:column;display:flex}.conv-preflight-row{align-items:baseline;gap:var(--sp-3);display:flex}.conv-preflight-key{color:var(--c-muted);min-width:44px}.conv-preflight-val{font-family:var(--font-mono);color:var(--c-cream);font-variant-numeric:tabular-nums;margin-right:var(--sp-3);font-size:11px;font-weight:500}.conv-preflight-val--warn{color:var(--c-accent)}.conv-preflight-warn{color:var(--c-accent);margin:0;padding:0;line-height:1.5}.conv-adjust-btn{padding:var(--sp-1) 0;align-self:flex-start}.conv-cancel-btn{width:100%;padding:var(--sp-3) var(--sp-5);justify-content:center}.conv-btn{width:100%;padding:var(--sp-4) var(--sp-5);justify-content:center;font-size:12px}.conv-spinner{border:1.5px solid #0000004d;border-top-color:var(--c-contrast);border-radius:50%;width:10px;height:10px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.output-root{gap:var(--sp-4);flex-direction:column;display:flex}.output-header{justify-content:space-between;align-items:center;display:flex}.output-preview{border:var(--border-accent);background:var(--c-embed);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.output-gif{object-fit:contain;max-width:100%;max-height:400px;display:block}.output-badge{top:var(--sp-2);right:var(--sp-2);background:var(--c-accent);padding:2px 6px;position:absolute}.output-badge .label{color:var(--c-contrast);font-weight:700}.output-actions{gap:var(--sp-3);display:flex}.output-dl-btn,.btn--whatsapp{padding:var(--sp-4);flex:1;justify-content:center}.output-share-error{padding:var(--sp-2) 0}.output-size-warn{color:var(--c-accent);margin:0;padding:0;line-height:1.5}.output-reset{padding:var(--sp-2) 0;align-self:flex-start}.output-size-wrap{cursor:default;position:relative}.output-size-tooltip{background:var(--c-dark);border:var(--border-accent);padding:var(--sp-3) var(--sp-4);white-space:nowrap;z-index:10;pointer-events:none;flex-direction:column;gap:6px;min-width:180px;display:none;position:absolute;top:calc(100% + 10px);right:0}.output-size-wrap:hover .output-size-tooltip{display:flex}.tooltip-title{color:var(--c-accent);margin-bottom:2px}.tooltip-row{justify-content:space-between;align-items:baseline;gap:var(--sp-5);display:flex}.tooltip-unit{color:var(--c-muted);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:700}.tooltip-value{font-family:var(--font-mono);color:var(--c-cream);text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.output-share-message{padding:var(--sp-2) 0}@media (width<=600px){.output-actions{flex-direction:column}}.logs-root{border:var(--border);background:var(--c-dark)}.logs-toggle{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);cursor:pointer;text-align:left;transition:var(--t-fast);background:0 0;border:none;display:flex}.logs-toggle:hover{background:var(--c-mid)}.logs-toggle-arrow{color:var(--c-muted);flex-shrink:0;width:10px;font-size:8px}.logs-count{color:var(--c-dim);font-variant-numeric:tabular-nums;margin-left:auto}.logs-err-badge{background:var(--c-accent);color:var(--c-contrast);padding:1px 5px;font-weight:700}.logs-body{border-top:var(--border)}.logs-toolbar{padding:var(--sp-2) var(--sp-4);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.logs-hint{color:var(--c-dim)}.logs-copy{padding:2px var(--sp-2);border-color:var(--c-dim);font-size:9px}.logs-scroll{max-height:240px;padding:var(--sp-2) 0;overflow-y:auto}.logs-empty{padding:var(--sp-3) var(--sp-4);color:var(--c-dim)}.log-line{gap:var(--sp-2);padding:2px var(--sp-4);font-family:var(--font-mono);border-bottom:1px solid #0000;grid-template-columns:90px 44px 1fr;font-size:10px;line-height:1.6;display:grid}.log-line:hover{background:var(--c-mid)}.log-time{color:var(--c-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.log-type{color:var(--c-muted);flex-shrink:0}.log-text{color:var(--c-cream);word-break:break-all}.log-line--error .log-type,.log-line--error .log-text{color:var(--c-accent)}.log-line--stderr .log-text{color:#aaa}.log-line--system .log-type{color:var(--c-accent);opacity:.6}:root{--c-orange:#ff6900;--c-green:#39ff14;--c-accent:#ff6900;--c-accent-hover:#ff8533;--c-accent-dim:#3d1800;--c-accent-glow-04:#ff69000a;--c-accent-glow-05:#ff69000d;--c-accent-glow-20:#ff690033;--c-accent-glow-40:#ff690066;--c-black:#0a0a0a;--c-dark:#1a1a1a;--c-mid:#2a2a2a;--c-dim:#3d3d3d;--c-muted:#666;--c-cream:#f0ede8;--c-offwhite:#e8e4dc;--c-white:#fff;--c-contrast:#0a0a0a;--c-embed:#0a0a0a;--c-embed-text:#f0ede8;--c-led-on:var(--c-accent);--c-led-dim:var(--c-accent-dim);--c-led-off:#1a1a1a;--c-led-bg:#070700;--c-led-border:#1a1a00;--c-green-success:#39ff14;--font-mono:"JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--border:1px solid var(--c-dim);--border-accent:1px solid var(--c-accent);--radius:0px;--t-fast:80ms ease;--t-mid:.16s ease}[data-theme="2"]{--c-black:#f5f2ed;--c-dark:#fff;--c-mid:#f0ede8;--c-dim:#d5d0c8;--c-muted:#8a857d;--c-cream:#1a1a1a;--c-offwhite:#2a2a2a;--c-white:#000;--c-led-off:#e8e4dc}[data-theme="3"]{--c-accent:#39ff14;--c-accent-hover:#6f4;--c-accent-dim:#0a2200;--c-accent-glow-04:#39ff140a;--c-accent-glow-05:#39ff140d;--c-accent-glow-20:#39ff1433;--c-accent-glow-40:#39ff1466;--c-led-bg:#000700;--c-led-border:#001a00}[data-theme="4"]{--c-accent:#1a8f0f;--c-accent-hover:#22b314;--c-accent-dim:#0a2200;--c-accent-glow-04:#1a8f0f0f;--c-accent-glow-05:#1a8f0f14;--c-accent-glow-20:#1a8f0f40;--c-accent-glow-40:#1a8f0f73;--c-led-bg:#000700;--c-led-border:#001a00;--c-black:#f5f2ed;--c-dark:#fff;--c-mid:#f0ede8;--c-dim:#d5d0c8;--c-muted:#8a857d;--c-cream:#1a1a1a;--c-offwhite:#2a2a2a;--c-white:#000;--c-led-off:#e8e4dc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-mono);background:var(--c-black);color:var(--c-cream);min-height:100vh;transition:background var(--t-mid), color var(--t-mid);overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.label{letter-spacing:.15em;text-transform:uppercase;color:var(--c-muted);font-size:9px;font-weight:700}.value{color:var(--c-cream);font-size:13px;font-weight:500}.btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:var(--border);color:var(--c-cream);cursor:pointer;padding:var(--sp-3) var(--sp-5);transition:var(--t-fast);align-items:center;gap:var(--sp-2);white-space:nowrap;background:0 0;font-size:11px;font-weight:700;display:inline-flex;position:relative}.btn:hover{border-color:var(--c-cream);color:var(--c-white)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-contrast)}.btn--primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);color:var(--c-contrast)}.btn--ghost{color:var(--c-muted);border-color:#0000}.btn--ghost:hover{border-color:var(--c-dim);color:var(--c-cream)}.btn--whatsapp{color:#25d366;background:0 0;border-color:#25d366}.btn--whatsapp:hover{color:var(--c-contrast);background:#25d366}.btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.panel{border:var(--border);background:var(--c-dark)}.divider{border:none;border-top:var(--border);margin:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--c-dark)}::-webkit-scrollbar-thumb{background:var(--c-dim)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:var(--border);background:var(--c-dark);z-index:100;transition:background var(--t-mid);position:sticky;top:0}.app-header-inner{max-width:1200px;padding:0 var(--sp-6);align-items:center;gap:var(--sp-6);height:52px;margin:0 auto;display:flex}.app-logo{align-items:baseline;gap:var(--sp-2);flex-shrink:0;display:flex}.app-logo-mark{color:var(--c-accent);font-size:10px}.app-logo-text{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--c-cream);font-size:16px;font-weight:700}.app-tagline{flex:1}.app-header-leds{align-items:center;gap:6px;display:flex}.header-led{cursor:pointer;width:8px;height:8px;transition:transform var(--t-fast), box-shadow var(--t-fast);border:1.5px solid #0000;border-radius:50%}.header-led:hover{transform:scale(1.4)}.header-led[data-led="1"]{background:#ff6900;border-color:#ff6900}.header-led[data-led="2"]{background:#f5f2ed;border-color:#ff6900}.header-led[data-led="3"]{background:#39ff14;border-color:#39ff14}.header-led[data-led="4"]{background:#f5f2ed;border-color:#39ff14}.header-led--active[data-led="1"],.header-led--active[data-led="2"]{box-shadow:0 0 6px #ff6900,0 0 14px #ff69004d}.header-led--active[data-led="3"],.header-led--active[data-led="4"]{box-shadow:0 0 6px #39ff14,0 0 14px #39ff144d}.app-main{width:100%;max-width:1200px;padding:var(--sp-7) var(--sp-6);gap:var(--sp-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.app-error{border:1px solid var(--c-accent);padding:var(--sp-3) var(--sp-4);background:var(--c-accent-glow-05)}.app-upload{width:100%;max-width:600px;margin:0 auto}.app-workspace{gap:var(--sp-6);grid-template-columns:1fr 340px;align-items:start;display:grid}.app-col{gap:var(--sp-4);flex-direction:column;display:flex}.app-logs{grid-column:1/-1}.app-output{width:100%;max-width:640px;margin:0 auto}.app-footer{border-top:var(--border);padding:var(--sp-4) var(--sp-6);background:var(--c-dark);max-width:100%;transition:background var(--t-mid);justify-content:space-between;align-items:center;display:flex}@media (width<=900px){.app-workspace{grid-template-columns:1fr}.app-col--side{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}}@media (width<=600px){.app-main{padding:var(--sp-5) var(--sp-4)}.app-header-inner{padding:0 var(--sp-4);gap:var(--sp-4)}.app-tagline{display:none}.app-col--side{grid-template-columns:1fr}.app-footer{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);flex-direction:column;align-items:flex-start}}