:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d120d;--bg-panel:#101710;--bg-tira:#0a0f0a;--borde:#1e2a1c;--texto:#e8f0e4;--texto-suave:#9db28f;--texto-mono:#7ea06e;--acento:#a4e534;--acento-texto:#c6ff4d;--aviso:#ffb04d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:baseline;gap:14px;padding:14px 20px 10px;display:flex}.top h1{letter-spacing:.14em;margin:0;font-size:19px;font-weight:700}.sub{color:var(--texto-mono);font-family:ui-monospace,monospace;font-size:12px}.cuerpo{flex-wrap:wrap;flex:1;min-height:0;display:flex}.panel{border-right:1px solid var(--borde);background:var(--bg-panel);flex-direction:column;gap:12px;width:260px;padding:16px;display:flex}.lab{letter-spacing:.08em;color:var(--texto-suave);text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.val{color:var(--acento-texto);font-family:ui-monospace,monospace}input[type=range]{width:100%;accent-color:var(--acento)}.fila{align-items:center;gap:8px;font-size:13px;display:flex}.btn{background:var(--acento);color:#10180c;cursor:pointer;border:0;border-radius:4px;padding:9px 12px;font-size:13px;font-weight:700}.btn2{color:var(--acento);cursor:pointer;text-align:center;background:0 0;border:1px solid #3c5a2c;border-radius:4px;padding:8px 12px;font-size:13px}.btn:disabled,.btn2:disabled{opacity:.5;cursor:default}.info{color:#7d8f74;font-family:ui-monospace,monospace;font-size:11px}.aviso{color:var(--aviso)}.sep{border-top:1px solid var(--borde);margin:4px 0}.tabs{border:1px solid #3c5a2c;border-radius:4px;display:flex;overflow:hidden}.tab{color:var(--texto-suave);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:1;padding:7px 0;font-size:12px}.tab.activo{background:var(--acento);color:#10180c;font-weight:700}.tab:disabled{cursor:default;opacity:.6}select{background:var(--bg);color:var(--texto);border:1px solid #3c5a2c;border-radius:4px;padding:4px 6px;font-size:13px}.progreso{background:var(--borde);border-radius:3px;height:6px;overflow:hidden}.progreso>div{background:var(--acento);height:100%;transition:width .15s}.fila .btn2{margin-left:auto;padding:4px 8px;font-size:11px}.vista{flex-direction:column;flex:1;min-width:300px;min-height:0;display:flex}.v3d{background:radial-gradient(at 50% 40%,#16211a 0%,#0d120d 70%);flex:1;min-height:320px;position:relative}.v3d canvas{touch-action:none;display:block}.tag{color:var(--texto-mono);pointer-events:none;font-family:ui-monospace,monospace;font-size:11px;position:absolute;top:10px;left:12px}.datos{border-top:1px solid var(--borde);color:var(--texto-suave);flex-wrap:wrap;gap:16px;padding:6px 20px;font-family:ui-monospace,monospace;font-size:11.5px;display:flex}.inferior{border-top:1px solid var(--borde);background:var(--bg-tira)}.tabs-min{gap:2px;padding:6px 12px 0;display:flex}.tabs-min button{color:var(--texto-suave);border:1px solid var(--borde);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-bottom:0;border-radius:4px 4px 0 0;padding:4px 10px;font-family:ui-monospace,monospace;font-size:11px}.tabs-min button.activo{color:var(--acento-texto);background:#101710;border-color:#3c5a2c}.tira{padding:8px 12px;overflow-x:auto}.tira-titulo{color:var(--texto-mono);margin-bottom:4px;font-family:ui-monospace,monospace;font-size:11px}.tira-titulo select{padding:2px 4px;font-size:11px}.tira canvas{image-rendering:auto;display:block}.scroll{max-height:340px;overflow:auto}